:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ec;--surface:#fffdf9;--surface-strong:#fff;--line:#d9cfc2;--ink:#252321;--muted:#6e675f;--brown:#7b452d;--brown-soft:#8e614c;--teal:#2d8b7c;--teal-soft:#67b7a8;--gold:#d47934;--danger:#a63a2b;--success:#247457;--focus:#1d5fd1}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit}.studio-shell{min-height:100vh;padding:20px}.studio-topbar{justify-content:space-between;align-items:flex-start;gap:16px;max-width:1740px;margin:0 auto 16px;display:flex}.studio-topbar h1{margin:0;font-size:26px;line-height:1.16}.studio-topbar p{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:1.45}.session-chip{border:1px solid var(--line);background:var(--surface-strong);color:#514940;border-radius:8px;align-items:center;gap:8px;max-width:100%;padding:5px;font-size:12px;font-weight:700;display:inline-flex}.session-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:240px;padding-left:8px;overflow:hidden}.workspace-grid{grid-template-columns:minmax(300px,400px) minmax(340px,480px) minmax(440px,1fr);align-items:start;gap:14px;max-width:1740px;margin:0 auto;display:grid}.input-panel,.facts-panel,.preview-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:16px;box-shadow:0 10px 30px #4b37230f}.panel-title,.preview-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-title{color:var(--brown);justify-content:flex-start}.panel-title h2{margin:0;font-size:16px;line-height:1.2}.field{gap:6px;margin-top:12px;display:grid}.field span{color:#4e463e;font-size:12px;font-weight:800}.field input,.field select,.field textarea,.file-input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:10px 11px}.field textarea{resize:vertical;min-height:260px;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus,.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.two-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.primary-button,.secondary-button,.ghost-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-weight:800;text-decoration:none;display:inline-flex}.primary-button{border:1px solid var(--brown);background:var(--brown);color:#fff;width:100%;margin-top:14px}.primary-button.accent{background:var(--teal);border-color:var(--teal)}.secondary-button{border:1px solid var(--line);color:var(--brown);background:#fff}.ghost-button{min-height:30px;color:var(--muted);background:0 0;border:1px solid #0000;padding:0 8px}.menu-list{gap:8px;margin-top:16px;display:grid}.menu-item{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;gap:4px;width:100%;padding:10px;display:grid}.menu-item.active{border-color:var(--teal);box-shadow:inset 3px 0 0 var(--teal)}.menu-item strong{overflow-wrap:anywhere}.menu-item span{color:var(--muted);font-size:12px}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.meta-grid div{background:#fffaf4;border:1px solid #eadfd2;border-radius:8px;padding:9px}.meta-grid dt{color:var(--muted);font-size:11px;font-weight:800}.meta-grid dd{overflow-wrap:anywhere;min-height:20px;margin:4px 0 0;font-size:13px;font-weight:750}.dish-table{gap:12px;min-height:320px;max-height:calc(100vh - 310px);padding-right:2px;display:grid;overflow:auto}.dish-section h3{background:var(--surface);color:var(--teal);margin:0;padding:6px 0;font-size:14px;line-height:1.3;position:sticky;top:0}.dish-row{border-bottom:1px solid #eee4d9;grid-template-columns:30px minmax(0,1fr);gap:4px 8px;padding:8px 0;display:grid}.dish-row span{width:24px;height:24px;color:var(--brown);background:#f3e7da;border-radius:999px;grid-row:span 2;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.dish-row strong,.dish-row small{overflow-wrap:anywhere;min-width:0}.dish-row small{color:var(--muted)}.preview-toolbar{margin-bottom:14px}.export-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.menu-page{border:8px solid var(--gold);clip-path:polygon(7% 0,93% 0,100% 7%,100% 93%,93% 100%,7% 100%,0 93%,0 7%);background:radial-gradient(circle at 14% 8%,#56a89b24,#0000 26%),linear-gradient(140deg,#2d8b7c1a,#0000 28%),linear-gradient(#fffefa 0%,#f8fbf7 100%);width:min(100%,760px);min-height:980px;margin:0 auto;padding:16px}.menu-inner{border:3px solid var(--gold);clip-path:polygon(6% 0,94% 0,100% 6%,100% 94%,94% 100%,6% 100%,0 94%,0 6%);text-align:center;background:linear-gradient(#ffffffc7,#ffffffd1),radial-gradient(at 18% 18%,#224e461a,#0000 30%),radial-gradient(at 84% 72%,#224e4614,#0000 32%);min-height:940px;padding:clamp(24px,4vw,42px)}.menu-inner h1{color:var(--brown);margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(24px,3.2vw,38px);line-height:1.2}.menu-subtitle{color:var(--brown);margin:12px 0 14px;font-family:Songti SC,STSong,serif;font-size:clamp(18px,2vw,26px);font-weight:700}.menu-note{max-width:560px;color:var(--brown-soft);margin:0 auto 20px;font-family:Songti SC,STSong,serif;font-size:15px;line-height:1.8}.menu-section-preview{margin-top:22px}.menu-section-preview h2{color:var(--teal);margin:0;font-family:Songti SC,STSong,serif;font-size:26px;line-height:1.25}.section-origin,.origin-name,.ingredients{color:var(--brown-soft);margin:4px 0 0;font-family:Songti SC,STSong,serif;font-size:13px}.preview-dish{max-width:610px;margin:14px auto 0}.preview-dish h3{color:var(--brown);margin:0;font-family:Songti SC,STSong,serif;font-size:19px;line-height:1.35}.preview-dish p{color:#7b4a34;margin:7px 0 0;font-family:Songti SC,STSong,serif;font-size:15px;line-height:1.85}.preview-dish .ingredients{color:var(--teal);font-size:13px;font-weight:700}.empty-state{min-height:260px;color:var(--muted);text-align:center;border:1px dashed #d9cfc2;border-radius:8px;place-items:center;padding:18px;display:grid}.warning,.success,.notice,.busy-bar,.error-bar{border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.45}.warning,.error-bar{color:var(--danger);background:#fff1ed}.success{color:var(--success);background:#ecf8f2}.notice{color:#8a5a18;background:#fff8e8}.tuning-panel{border:1px solid var(--line);background:#fffaf4;border-radius:8px;margin-top:14px;padding:12px}.tuning-panel summary{color:var(--brown);cursor:pointer;font-size:14px;font-weight:850}.tuning-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px;margin-top:4px;display:grid}.tuning-grid .full{grid-column:1/-1}.tuning-grid textarea,.dish-editor textarea{min-height:auto}.tuning-sections{gap:12px;max-height:560px;margin-top:14px;padding-right:2px;display:grid;overflow:auto}.tuning-section{border-top:1px solid #eadfd2;padding-top:10px}.dish-editor{background:#fff;border:1px solid #eadfd2;border-radius:8px;margin-top:10px;padding:10px}.dish-editor p{color:var(--teal);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:850}.busy-bar,.error-bar{z-index:10;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px #2b1f142e}.busy-bar{color:var(--brown);border:1px solid var(--line);background:#fffdf9}.export-list{gap:8px;margin-top:12px;display:grid}.export-link{border:1px solid var(--line);color:var(--brown);overflow-wrap:anywhere;background:#fff;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:800;text-decoration:none;display:block}.export-link.failed{color:var(--danger)}.auth-shell{background:linear-gradient(#fffdf9db,#fffdf9eb),radial-gradient(at 22% 18%,#2d8b7c24,#0000 34%),radial-gradient(at 82% 76%,#d4793424,#0000 30%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-layout{grid-template-columns:minmax(220px,320px) minmax(320px,410px);align-items:center;gap:clamp(18px,5vw,58px);width:min(100%,860px);display:grid}.auth-brand{color:var(--brown);gap:8px;display:grid}.auth-brand strong{font-size:clamp(30px,5vw,48px);line-height:1.05}.auth-brand span{color:var(--muted);font-size:15px;font-weight:800}.auth-panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:24px;box-shadow:0 18px 45px #4b37231a}.auth-head h1{color:var(--brown);margin:0 0 18px;font-size:22px;line-height:1.2}.auth-form{gap:12px;display:grid}.auth-field{gap:7px;display:grid}.auth-field span{color:#4e463e;font-size:12px;font-weight:800}.auth-field input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:11px 12px}.auth-field input:focus{outline:2px solid var(--focus);outline-offset:2px}.auth-submit{margin-top:4px}.auth-error{color:var(--danger);margin:0;font-size:13px;font-weight:800}@media (max-width:1280px){.workspace-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.preview-panel{grid-column:1/-1}}@media (max-width:760px){.studio-shell{padding:12px}.studio-topbar,.workspace-grid,.auth-layout,.two-fields,.meta-grid{grid-template-columns:1fr}.auth-shell{place-items:stretch stretch;padding:16px}.auth-layout{align-content:center}.tuning-grid{grid-template-columns:1fr}.studio-topbar,.workspace-grid{display:grid}.dish-table{max-height:none}.menu-page{border-width:5px;min-height:720px;padding:10px}.menu-inner{min-height:680px;padding:22px 16px}}