@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap";:root{font-family:Manrope,Noto Sans SC,sans-serif;color:#e8eee9;background:#101614;font-synthesis:none;--bg: #101614;--panel: #18201e;--panel-2: #202a27;--line: #34423c;--muted: #93a29a;--quiet: #6d7c73;--cream: #edf2e8;--lime: #c9e78b;--orange: #ee9b6c}*{box-sizing:border-box}html,body,#root{max-width:100%;overflow-x:hidden}body{margin:0;min-width:320px;background:#101614}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.boot{min-height:100vh;display:grid;place-items:center;gap:10px;color:var(--muted);font-family:DM Mono,monospace;font-size:12px}.app-shell{min-height:100vh;background:var(--bg)}.topbar{min-height:60px;padding:0 32px;border-bottom:1px solid rgba(52,66,60,.72);display:flex;align-items:center;gap:36px;background:#0f1513}.brand{display:flex;align-items:center;gap:11px;min-width:205px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--lime);color:var(--lime);font-family:Georgia,serif;font-size:19px}.brand strong{display:block;font-size:12px;letter-spacing:.16em}.brand small{display:block;margin-top:4px;color:var(--quiet);font:9px DM Mono,monospace;letter-spacing:.04em}.nav-tabs{display:flex;align-self:stretch;gap:27px}.nav-tabs button{position:relative;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:8px;padding:2px 0 0;font-size:13px}.nav-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--lime)}.count{min-width:18px;padding:2px 5px;border:1px solid var(--line);color:var(--muted);font:10px DM Mono,monospace}.route-chip{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.05em}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.mode-menu{position:relative}.mode-menu-toggle{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);font-size:10px}.mode-menu-toggle:hover,.mode-menu-toggle[aria-expanded=true]{border-color:#c9e78b99;color:var(--lime);background:#c9e78b0f}.mode-menu-popover{position:absolute;z-index:40;top:calc(100% + 8px);right:0;width:168px;padding:7px;border:1px solid var(--line);border-radius:7px;background:#17201d;box-shadow:0 15px 32px #0000003d}.mode-menu-label{display:block;padding:5px 8px 7px;color:var(--quiet);font:9px DM Mono,monospace}.mode-menu-popover button{width:100%;min-height:38px;display:flex;align-items:center;gap:8px;padding:0 8px;border:0;border-radius:4px;background:transparent;color:var(--muted);text-align:left;font-size:11px}.mode-menu-popover button svg:last-child{margin-left:auto;color:var(--lime)}.mode-menu-popover button:hover,.mode-menu-popover button.selected{background:#c9e78b17;color:var(--cream)}.status-dot,.message-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block}.status-dot.ready{background:var(--lime);box-shadow:0 0 12px #c9e78b8c}.page{max-width:1600px;padding:22px 32px 64px;margin:auto}.intro-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.eyebrow,.section-kicker{margin:0 0 12px;color:var(--lime);font:10px DM Mono,monospace;letter-spacing:.13em}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:12px;font-size:44px;line-height:1.08;letter-spacing:0;font-weight:700}h1 em{color:var(--lime);font-style:normal}.lede{max-width:620px;margin:0;color:var(--muted);line-height:1.75;font-size:14px}.intro-meta{display:grid;grid-template-columns:auto auto;gap:7px 24px;min-width:205px;padding:15px 0 2px 24px;border-left:1px solid var(--line);color:var(--quiet);font:10px DM Mono,monospace}.intro-meta strong{color:var(--cream);font-weight:400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.studio-context{display:grid;grid-template-columns:290px 210px minmax(360px,1fr);align-items:center;gap:14px;margin-bottom:10px;padding:10px 12px;border:1px solid rgba(52,66,60,.8);border-radius:8px;background:#121916}.scene-context{min-width:0;padding-left:2px}.scene-context .section-kicker{display:block;margin-bottom:5px;color:var(--quiet)}.scene-context>strong{display:block;color:var(--cream);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-context>small{display:flex;align-items:center;gap:7px;margin-top:7px;color:var(--muted);font-size:10px}.studio-grid{display:grid;grid-template-columns:205px minmax(480px,1fr) 335px;gap:10px;align-items:start}.panel{background:#18201eeb;border:1px solid rgba(52,66,60,.82);border-radius:8px;overflow:hidden}.rail{min-height:720px}.rail-heading{min-height:54px;padding:0 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(52,66,60,.58);color:var(--muted)}.rail-heading strong{color:var(--cream);font-size:12px;font-weight:600}.panel-heading{min-height:64px;padding:15px 18px 13px;border-bottom:1px solid rgba(52,66,60,.65);display:flex;justify-content:space-between;align-items:start;color:var(--muted)}.panel-heading h2{margin:0;color:var(--cream);font-size:17px;letter-spacing:0}.ratio{margin-left:8px;padding:3px 6px;color:var(--lime);border:1px solid rgba(201,231,139,.38);font:10px DM Mono,monospace;letter-spacing:0;vertical-align:2px}.rail-section{padding:15px 11px;border-bottom:1px solid rgba(52,66,60,.55)}.rail-section>label,.field>span{display:block;margin-bottom:10px;color:var(--quiet);font:10px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.scene-group{margin-bottom:14px}.scene-group>span{display:block;margin:0 0 5px 8px;color:var(--muted);font-size:11px}.scene-option{width:100%;min-height:39px;padding:8px 9px;border:1px solid transparent;border-radius:5px;background:transparent;color:#a4b3aa;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:11px}.scene-option small{color:var(--quiet);font:10px DM Mono,monospace}.scene-option:hover{background:#ffffff08}.scene-option.selected{border-color:#c9e78b5c;background:#c9e78b14;color:var(--cream)}.scene-option.selected small{color:var(--lime)}.preset-stack{display:grid;gap:3px}.preset-option{width:100%;display:flex;align-items:center;gap:8px;padding:9px 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);text-align:left}.preset-option span:nth-child(2){flex:1;min-width:0}.preset-option strong,.preset-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-option strong{color:var(--cream);font-size:11px;font-weight:500}.preset-option small{margin-top:3px;color:var(--quiet);font-size:10px}.preset-option>svg{opacity:.35;transform:rotate(-90deg)}.preset-option.selected{background:#ffffff0a;border-color:var(--line)}.rail-recipe{margin:12px;padding:11px;border-radius:6px;background:#111714}.rail-recipe span,.rail-recipe strong,.rail-recipe small{display:block}.rail-recipe span{color:var(--quiet);font:9px DM Mono,monospace}.rail-recipe strong{margin-top:6px;color:var(--cream);font-size:11px;font-weight:500}.rail-recipe small{margin-top:4px;color:var(--quiet);font-size:9px;line-height:1.5}.preset-swatch{width:8px;height:8px;flex:0 0 8px;border-radius:50%;display:inline-block}.preset-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.workspace{min-height:720px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:22px 21px 8px}.typography-panel{margin:6px 18px 0;padding:14px 0 0;border-top:1px solid rgba(52,66,60,.72)}.typography-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.typography-heading strong,.typography-heading small{display:block}.typography-heading strong{margin-top:-4px;color:var(--cream);font-size:13px;font-weight:600}.typography-heading small{margin-top:5px;color:var(--quiet);font-size:10px;line-height:1.5}.safe-zone-button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);font-size:10px}.safe-zone-button[aria-pressed=true]{border-color:#c9e78b80;color:var(--lime);background:#c9e78b0f}.typography-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:13px}.type-control{min-width:0}.type-control>span{display:block;margin:0 0 6px 1px;color:var(--quiet);font-size:10px}.type-control select{width:100%;height:36px;min-width:0;padding:0 7px;border:1px solid #3a4a43;border-radius:5px;outline:0;color:var(--cream);background:#131a18;font-size:10px}.type-control select:focus{border-color:var(--lime);background:#16201c}.typography-note{margin:9px 0 0;color:var(--quiet);font-size:9px;line-height:1.55}.suggestion-section{min-width:0;border:1px solid rgba(201,231,139,.28);border-radius:8px;background:#c9e78b09}.suggestion-section.open{border-color:#c9e78b75}.suggestion-toolbar{min-height:44px;display:flex;align-items:center;gap:8px;padding:5px 6px 5px 8px}.suggestion-toggle{min-width:155px;min-height:32px;padding:0 9px 0 3px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:9px;text-align:left}.suggestion-toggle>span{display:flex;align-items:center;gap:10px;min-width:0}.suggestion-toggle>span>svg{flex:0 0 16px;color:var(--lime)}.suggestion-toggle strong,.suggestion-toggle small{display:block}.suggestion-toggle strong{font-size:10px}.suggestion-toggle small{margin-top:2px;color:var(--quiet);font-size:8px}.suggestion-toggle>svg{flex:0 0 17px;color:var(--muted);transition:transform .2s}.suggestion-section.open .suggestion-toggle>svg{transform:rotate(180deg);color:var(--lime)}.suggestion-quick-controls{min-width:0;flex:1;display:flex;align-items:center;gap:7px}.model-segment{min-width:0;flex:1;display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border-radius:999px;background:#0d1310}.model-segment button{min-height:27px;padding:0 8px;border:0;border-radius:999px;background:transparent;color:var(--quiet);font-size:9px;white-space:nowrap}.model-segment button.selected{background:#293528;color:var(--lime);font-weight:700}.suggestion-run{min-width:91px;min-height:31px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:0;border-radius:999px;background:var(--lime);color:#111713;font-size:9px;font-weight:700}.suggestion-run:disabled{opacity:.5;cursor:wait}.suggestion-panel{grid-column:1 / -1;padding:10px;border:1px solid rgba(201,231,139,.34);border-radius:7px;background:#c9e78b06}.suggestion-empty{min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--quiet);font-size:10px}.suggestion-empty svg{color:var(--lime)}.suggestion-result{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#141b19}.suggestion-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px 12px;border-bottom:1px solid var(--line)}.suggestion-summary>span{color:var(--lime);font:9px DM Mono,monospace}.suggestion-summary p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.suggestion-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.suggestion-item{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:11px;border-right:1px solid rgba(52,66,60,.65)}.suggestion-item:nth-child(3n){border-right:0}.suggestion-item:last-child{border-bottom:0}.suggestion-item span,.suggestion-item small,.suggestion-item strong,.suggestion-item p{display:block}.suggestion-item span{color:var(--lime);font:9px DM Mono,monospace}.suggestion-item small{margin-top:5px;color:var(--quiet);font-size:9px;overflow-wrap:anywhere}.suggestion-item strong{margin-top:6px;color:var(--cream);font-size:12px;font-weight:500}.suggestion-item p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.field-wide{grid-column:span 2}.field textarea,.field input,.field select,.prompt-editor{width:100%;border:1px solid #3a4a43;border-radius:5px;outline:0;color:var(--cream);background:#131a18;font-size:12px;line-height:1.65;transition:border-color .2s,background .2s}.field textarea,.field input,.field select{padding:10px 11px;resize:vertical}.field input{height:40px}.field select{height:40px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.field textarea:focus,.field input:focus,.field select:focus,.prompt-editor:focus{border-color:var(--lime);background:#16201c}.scene-hint{margin:4px 21px 0;padding:10px 11px;display:flex;gap:8px;align-items:start;border-left:2px solid var(--lime);background:#c9e78b0d;color:var(--muted);font-size:11px;line-height:1.55}.scene-hint svg{flex:0 0 14px;color:var(--lime);margin-top:2px}.chip-options{min-height:40px;display:flex;flex-wrap:wrap;gap:6px}.chip-option{min-height:40px;padding:0 10px;border:1px solid #3a4a43;background:#131a18;color:var(--muted);font-size:11px}.chip-option:hover,.chip-option.selected{border-color:var(--lime);color:var(--lime);background:#c9e78b14}.preset-1{background:#d9855f}.preset-2{background:#d9ad63}.preset-3{background:#8fb7c1}.preset-4{background:#9fb8a8}.prompt-head{display:flex;justify-content:space-between;align-items:center;padding:20px 21px 10px;border-top:1px solid rgba(52,66,60,.72)}.prompt-head .section-kicker{display:inline;margin-right:13px}.prompt-note{color:var(--quiet);font-size:10px}.inline-actions{display:flex;gap:10px;align-items:center}.prompt-editor{display:block;min-height:215px;margin:0 21px;width:calc(100% - 42px);padding:14px;resize:vertical;font-family:Noto Sans SC,sans-serif}.icon-button,.text-button,.round-button{border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:6px}.icon-button{width:30px;height:30px;border:1px solid var(--line)}.icon-button:hover,.text-button:hover{color:var(--lime)}.text-button{padding:5px 0;font-size:11px}.action-row{display:flex;justify-content:end;gap:10px;padding:20px 21px 10px}.primary-button,.secondary-button{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--lime);font-size:12px}.primary-button{color:#162019;background:var(--lime)}.secondary-button{color:var(--cream);border-color:var(--line);background:transparent;text-decoration:none}.primary-button:hover{background:#d9f39c}.secondary-button:hover{border-color:var(--lime);color:var(--lime)}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:wait}.message{min-height:32px;padding:8px 21px 15px;color:var(--muted);display:flex;align-items:center;gap:8px;font-size:11px}.message.error{color:#efa58e}.message.error .message-dot{background:#efa58e}.output{min-height:720px}.result-wrap{padding:18px}.result-image{position:relative;min-height:390px;display:grid;place-items:center;overflow:hidden;background:#0c100f}.result-image img{display:block;width:100%;max-height:520px;object-fit:contain}.image-badge,.case-tag{position:absolute;left:10px;top:10px;padding:5px 7px;color:var(--lime);background:#101614d1;border:1px solid rgba(201,231,139,.35);font:9px DM Mono,monospace}.result-info{padding:17px 0 0}.result-info>span{display:block;color:var(--quiet);font:10px DM Mono,monospace}.result-info strong{display:block;margin:7px 0 15px;color:var(--cream);font-size:13px;font-weight:500}.result-actions{display:flex;flex-wrap:wrap;gap:8px}.result-actions .primary-button,.result-actions .secondary-button{flex:1;min-width:125px}.empty-result{min-height:610px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:25px;color:var(--quiet);text-align:center}.empty-result strong{color:var(--cream);font-size:13px;font-weight:500}.empty-result span{max-width:180px;font-size:11px;line-height:1.7}.empty-mark{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--line);color:var(--lime);margin-bottom:7px}.library-view{padding-top:8px}.view-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:31px}.view-heading h2{margin-bottom:10px;color:var(--cream);font-size:30px;letter-spacing:0}.view-heading p:not(.eyebrow){color:var(--muted);font-size:13px}.library-count{color:var(--lime);font:11px DM Mono,monospace}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.case-card{min-width:0;background:var(--panel);border:1px solid var(--line)}.case-visual{position:relative;height:290px;overflow:hidden;background:#121917}.case-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.83);transition:transform .4s,filter .4s}.case-card:hover .case-visual img{transform:scale(1.03);filter:saturate(1)}.case-visual.no-image{display:grid;place-items:center;color:var(--quiet)}.case-visual.no-image div{display:flex;flex-direction:column;align-items:center;gap:9px;font:10px DM Mono,monospace}.case-body{min-height:89px;padding:14px 15px;display:flex;justify-content:space-between;gap:15px}.case-body h3{margin-bottom:5px;color:var(--cream);font-size:14px;font-weight:500}.case-body p{margin:0;color:var(--quiet);font-size:10px}.round-button{width:31px;height:31px;flex:0 0 31px;border:1px solid var(--line)}.round-button:hover{color:var(--lime);border-color:var(--lime)}.history-grid{display:grid;gap:10px}.history-card{display:grid;grid-template-columns:116px 1fr;gap:17px;padding:12px;border:1px solid var(--line);background:var(--panel)}.history-card img{width:116px;height:116px;object-fit:cover;background:#111}.history-card>div{min-width:0;padding:3px 0}.history-card span,.history-card p{color:var(--quiet);font-size:10px}.history-card strong{display:block;margin-top:8px;color:var(--cream);font-size:13px;font-weight:500}.history-card p{max-width:760px;margin:8px 0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-card>div>div{display:flex;gap:18px}.empty-library{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--line);color:var(--quiet)}.empty-library strong{color:var(--cream);font-size:13px;font-weight:500}.empty-library span{font-size:11px}.footer{max-width:1600px;margin:auto;padding:17px 38px 24px;display:flex;justify-content:space-between;gap:20px;color:var(--quiet);border-top:1px solid var(--line);font:10px DM Mono,monospace}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.intro-row.compact{align-items:center;margin-bottom:20px}.intro-row.compact h1{margin-bottom:7px;font-size:30px;line-height:1.2}.intro-row.compact .eyebrow{margin-bottom:7px}.intro-row.compact .lede{font-size:12px}.intro-row.compact .intro-meta{padding-top:6px;padding-bottom:6px}.group-tabs{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:3px;border:1px solid var(--line);border-radius:7px;background:#0d1310}.group-tabs button,.segmented button{min-height:34px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:10px}.group-tabs button.selected,.segmented button.selected{background:#202923;color:var(--cream);box-shadow:inset 0 0 0 1px var(--line);font-weight:700}.mobile-step-nav{display:none}.scene-list{display:grid;gap:4px}.mode-section{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 21px 0;padding:14px 0;border-top:1px solid var(--line)}.mode-section>label{color:var(--quiet);font-size:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;min-width:210px;border:1px solid var(--line)}.reference-section{margin:14px 21px 20px;padding:15px;border:1px solid var(--line);background:#141b19}.reference-section>div:first-child strong{display:block;color:var(--cream);font-size:13px}.reference-section p{margin:6px 0 14px;color:var(--quiet);font-size:10px;line-height:1.6}.upload-button{width:100%;min-height:62px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px dashed #52645b;background:transparent;color:var(--muted);font-size:11px}.upload-button:hover{border-color:var(--lime);color:var(--lime)}.reference-loaded{display:grid;grid-template-columns:54px 1fr 34px;align-items:center;gap:11px}.reference-loaded img{width:54px;height:54px;object-fit:cover;border:1px solid var(--line)}.reference-loaded>span{min-width:0;overflow-wrap:anywhere;color:var(--cream);font-size:11px}.reference-loaded small{display:block;margin-top:5px;color:var(--quiet);font:9px DM Mono,monospace}.free-mode-dot{width:6px;height:6px;display:inline-block;margin-right:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #c9e78b1f}.free-mode-card{display:grid;gap:7px;border-top:1px solid var(--line);background:#c9e78b09}.free-mode-card strong{color:var(--cream);font-size:14px;font-weight:500}.free-mode-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}.free-mode-note,.mode-label,.generation-mode{color:var(--lime);font:9px DM Mono,monospace}.mode-label{align-self:center;padding:5px 8px;border:1px solid rgba(201,231,139,.34)}.ratio-picker{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 21px 0;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ratio-picker strong{display:block;margin-top:5px;color:var(--cream);font-size:12px;font-weight:500}.ratio-options{display:flex;gap:6px}.ratio-options button{min-width:62px;min-height:32px;border:1px solid var(--line);background:#131a18;color:var(--muted);font:10px DM Mono,monospace}.ratio-options button:hover,.ratio-options button.selected{border-color:var(--lime);color:var(--lime);background:#c9e78b14}.generation-mode{display:inline-block;margin:7px 0 0;padding:4px 6px;border:1px solid rgba(201,231,139,.28)}.prompt-state{margin-left:9px;color:var(--muted);font-size:10px}.prompt-state.dirty{color:var(--orange)}.danger-button{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--orange);background:transparent;color:var(--orange);font-size:12px}.pending-result{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:22px;color:var(--quiet);text-align:center}.pending-result strong{color:var(--cream);font-size:13px}.pending-result span{max-width:260px;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.result-image{aspect-ratio:3 / 4;min-height:0}.result-image.ratio-1-1{aspect-ratio:1 / 1}.result-image.ratio-9-16{aspect-ratio:9 / 16}.result-image.ratio-21-9{aspect-ratio:21 / 9}.result-image.ratio-16-9{aspect-ratio:16 / 9}.cover-overlay{position:absolute;z-index:2;max-width:38%;color:#f4f7ef;font-size:24px;line-height:1.18;font-weight:700;overflow-wrap:anywhere;text-shadow:0 2px 12px #0a0e0c,0 1px 2px #0a0e0c}.cover-overlay.left{left:8%;top:34%}.cover-overlay.right{right:8%;top:34%}.cover-overlay.top,.cover-overlay.bottom{left:8%;right:8%;max-width:none}.cover-overlay.top{top:8%}.cover-overlay.bottom{bottom:9%}.cover-overlay.align-left{text-align:left}.cover-overlay.align-center{text-align:center}.cover-overlay.align-right{text-align:right}.cover-overlay.title-size-small{font-size:18px}.cover-overlay.title-size-medium{font-size:24px}.cover-overlay.title-size-large{font-size:30px}.cover-overlay.title-style-bold{font-weight:800;letter-spacing:.01em}.cover-overlay.title-style-topbar,.cover-overlay.title-style-caption{padding:6px 8px;background:#0a0e0cad;text-shadow:0 1px 3px #0a0e0c}.cover-safe-zone{position:absolute;z-index:1;pointer-events:none;border:1px dashed rgba(201,231,139,.78);background:#c9e78b14}.cover-safe-zone.right{top:18%;right:8%;width:38%;height:64%}.cover-safe-zone.left{top:18%;left:8%;width:38%;height:64%}.cover-safe-zone.top{top:6%;left:8%;width:84%;height:18%}.cover-safe-zone.bottom{bottom:8%;left:8%;width:84%;height:20%}.size-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.size-grid span{padding:9px;border:1px solid var(--line);color:var(--quiet);font:9px DM Mono,monospace}.size-grid strong{display:block;margin-top:5px;color:var(--cream);font-size:11px}.warning-text{color:var(--orange)!important}.history-placeholder{width:116px;height:116px;display:grid;place-items:center;border:1px dashed var(--line);color:var(--quiet)}.history-card.status-degraded,.history-card.status-error,.history-card.status-interrupted{border-left:3px solid var(--orange)}.history-card button:disabled{opacity:.35;cursor:not-allowed}.message.error .message-dot{background:#ff755f}.view-heading h2{letter-spacing:0}.phone-mode-shell{max-width:760px;margin:0 auto;padding:12px 0 48px}.phone-mode-header{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:22px}.phone-mode-header h1{max-width:560px;margin:0 0 8px;font-size:34px;line-height:1.15}.phone-mode-header p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.phone-draft-badge{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:6px 8px;border:1px solid rgba(201,231,139,.3);color:var(--lime);font:9px DM Mono,monospace}.phone-step-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:12px;padding:5px;border:1px solid var(--line);border-radius:8px;background:#111714}.phone-step-progress button{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:5px;background:transparent;color:var(--quiet);font-size:10px}.phone-step-progress button span{width:18px;height:18px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:9px DM Mono,monospace}.phone-step-progress button.selected{background:#c9e78b1a;color:var(--lime)}.phone-step-panel{min-height:510px;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.phone-step-intro{margin-bottom:22px}.phone-step-intro .section-kicker{margin-bottom:9px}.phone-step-intro h2{margin:0 0 7px;color:var(--cream);font-size:23px}.phone-step-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.phone-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.phone-use-grid button{min-height:88px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:7px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:6px;background:#141b19;color:var(--muted);text-align:left}.phone-use-grid button strong{color:var(--cream);font-size:14px}.phone-use-grid button small{color:var(--quiet);font-size:10px}.phone-use-grid button svg{grid-column:2;grid-row:1 / span 2;color:var(--quiet)}.phone-use-grid button:hover,.phone-use-grid button.selected{border-color:#c9e78b9e;background:#c9e78b14}.phone-use-grid button.selected svg{color:var(--lime)}.phone-scene-picker,.phone-style-choice,.phone-block-label{display:block}.phone-scene-picker{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.phone-scene-picker>span,.phone-style-choice>span{display:block;margin-bottom:9px;color:var(--quiet);font:10px DM Mono,monospace}.phone-scene-picker>div{display:flex;flex-wrap:wrap;gap:7px}.phone-scene-picker button{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);font-size:11px}.phone-scene-picker button small{color:var(--quiet);font:9px DM Mono,monospace}.phone-scene-picker button.selected{border-color:var(--lime);color:var(--cream);background:#c9e78b14}.phone-scene-picker button.selected small{color:var(--lime)}.phone-generation-inline{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.phone-block-label{margin-bottom:12px}.phone-block-label strong,.phone-block-label small{display:block}.phone-block-label strong{color:var(--cream);font-size:14px}.phone-block-label small{margin-top:5px;color:var(--quiet);font-size:10px;line-height:1.5}.phone-preset-grid{display:grid;gap:8px}.phone-preset-grid button{min-height:80px;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#141b19;color:var(--muted);text-align:left}.phone-preset-grid button img{width:64px;height:64px;object-fit:cover;border-radius:4px}.phone-preset-grid button span{min-width:0}.phone-preset-grid button strong,.phone-preset-grid button small{display:block}.phone-preset-grid button strong{color:var(--cream);font-size:12px}.phone-preset-grid button small{margin-top:6px;color:var(--quiet);font-size:10px}.phone-preset-grid button svg{color:var(--lime)}.phone-preset-grid button.selected{border-color:#c9e78b9e;background:#c9e78b14}.phone-ratio-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.phone-ratio-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.phone-ratio-options button{min-height:46px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);font:11px DM Mono,monospace}.phone-ratio-options button:hover,.phone-ratio-options button.selected{border-color:var(--lime);color:var(--cream);background:#c9e78b14}.phone-style-choice{margin-top:18px}.phone-style-choice select{width:100%;height:46px;padding:0 11px;border:1px solid var(--line);border-radius:5px;background:#131a18;color:var(--cream);font-size:14px}.phone-field-groups{display:grid;gap:13px}.phone-field-group{border-top:1px solid var(--line)}.phone-field-group:first-child{border-top:0}.phone-field-group-heading{display:flex;justify-content:space-between;gap:15px;padding:15px 0 0}.phone-field-group-heading .section-kicker{margin:0 0 4px}.phone-field-group-heading strong{color:var(--cream);font-size:14px}.phone-field-group-heading small{max-width:230px;color:var(--quiet);font-size:10px;line-height:1.5;text-align:right}.phone-field-group .form-grid{padding:15px 0 3px}.phone-typography-panel{margin-top:13px;padding-top:17px;border-top:1px solid var(--line)}.phone-typography-panel .typography-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.phone-ai-section{margin-top:16px;border:1px solid rgba(201,231,139,.28);border-radius:6px;background:#c9e78b08}.phone-ai-section.open{border-color:#c9e78b94}.phone-ai-toggle{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border:0;background:transparent;color:var(--cream);text-align:left}.phone-ai-toggle>span{display:flex;align-items:center;gap:10px}.phone-ai-toggle>span>svg{color:var(--lime)}.phone-ai-toggle strong,.phone-ai-toggle small{display:block}.phone-ai-toggle strong{font-size:13px}.phone-ai-toggle small{margin-top:4px;color:var(--quiet);font-size:10px}.phone-ai-toggle>svg{color:var(--muted);transition:transform .2s}.phone-ai-section.open .phone-ai-toggle>svg{transform:rotate(180deg);color:var(--lime)}.phone-ai-panel{padding:0 12px 12px}.phone-ai-model-picker{display:grid;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.phone-ai-model-picker>div:first-child strong,.phone-ai-model-picker>div:first-child small{display:block}.phone-ai-model-picker>div:first-child strong{color:var(--cream);font-size:11px}.phone-ai-model-picker>div:first-child small{margin-top:4px;color:var(--quiet);font-size:10px;line-height:1.5}.phone-ai-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.phone-ai-models button{min-height:48px;display:grid;gap:3px;align-content:center;padding:7px 8px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);text-align:left}.phone-ai-models button strong,.phone-ai-models button small{display:block}.phone-ai-models button strong{color:var(--cream);font-size:11px}.phone-ai-models button small{color:var(--quiet);font-size:9px}.phone-ai-models button:hover,.phone-ai-models button.selected{border-color:var(--lime);background:#c9e78b14}.phone-ai-models button.selected strong{color:var(--lime)}.phone-ai-summary{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.phone-ai-summary>span{color:var(--lime);font:9px DM Mono,monospace}.phone-ai-summary p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.phone-ai-list{display:grid;gap:8px}.phone-ai-list article{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px;border:1px solid var(--line);border-radius:5px;background:#141b19}.phone-ai-list article span,.phone-ai-list article small,.phone-ai-list article strong,.phone-ai-list article p{display:block}.phone-ai-list article span{color:var(--lime);font:9px DM Mono,monospace}.phone-ai-list article small{margin-top:5px;color:var(--quiet);font-size:10px;overflow-wrap:anywhere}.phone-ai-list article strong{margin-top:5px;color:var(--cream);font-size:12px}.phone-ai-list article p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.phone-ai-empty{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.phone-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phone-mode-picker button{min-height:86px;display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);border-radius:6px;background:#141b19;color:var(--muted);text-align:left}.phone-mode-picker button svg{color:var(--quiet)}.phone-mode-picker button strong,.phone-mode-picker button small{display:block}.phone-mode-picker button strong{color:var(--cream);font-size:13px}.phone-mode-picker button small{margin-top:5px;color:var(--quiet);font-size:10px}.phone-mode-picker button.selected{border-color:var(--lime);background:#c9e78b14}.phone-mode-picker button.selected svg{color:var(--lime)}.phone-mode-picker button:disabled{opacity:.45;cursor:not-allowed}.phone-reference-box{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:6px;background:#141b19}.phone-reference-box .reference-purpose{display:grid;gap:7px;margin-bottom:14px}.phone-reference-box .reference-purpose>span{color:var(--muted);font-size:11px}.phone-reference-box .reference-purpose select{height:44px;padding:0 10px;border:1px solid var(--line);border-radius:5px;background:#131a18;color:var(--cream);font-size:13px}.phone-upload-button{width:100%;min-height:70px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #52645b;background:transparent;color:var(--muted);font-size:12px}.phone-upload-button:hover{border-color:var(--lime);color:var(--lime)}.phone-text-mode-note,.phone-warning{display:flex;align-items:center;gap:8px;margin-top:18px;padding:12px;border:1px solid var(--line);color:var(--muted);font-size:11px}.phone-text-mode-note svg{color:var(--lime)}.phone-warning{border-color:#ee9b6c80;color:var(--orange)}.phone-prompt-summary{display:grid;gap:8px;padding:17px;border-left:3px solid var(--lime);background:#c9e78b14}.phone-prompt-summary .section-kicker{margin:0}.phone-prompt-summary strong{color:var(--cream);font-size:17px;line-height:1.5}.phone-prompt-summary small{color:var(--muted);font-size:11px;line-height:1.6}.phone-full-prompt{margin-top:14px;border:1px solid var(--line);border-radius:5px;background:#141b19}.phone-full-prompt-toggle{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:0;background:transparent;color:var(--muted);font-size:11px;text-align:left}.phone-full-prompt-toggle>span{display:inline-flex;align-items:center;gap:7px}.phone-full-prompt-toggle>svg{transition:transform .2s}.phone-full-prompt[data-open=true] .phone-full-prompt-toggle{color:var(--cream)}.phone-full-prompt[data-open=true] .phone-full-prompt-toggle>svg{transform:rotate(180deg);color:var(--lime)}.phone-full-prompt pre{max-height:260px;margin:0;padding:12px;overflow:auto;border-top:1px solid var(--line);color:var(--muted);font:11px/1.7 DM Mono,monospace;white-space:pre-wrap}.phone-full-prompt-editor{min-height:260px;max-height:420px;margin:0 12px 12px;width:calc(100% - 24px);border-top:1px solid var(--line);font:11px/1.7 DM Mono,monospace}.phone-full-prompt-empty{margin:0;padding:12px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.7}.phone-confirm-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.phone-confirm-meta span{padding:6px 8px;border:1px solid var(--line);color:var(--quiet);font:9px DM Mono,monospace}.phone-actions{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding:12px 0 0}.phone-actions button{min-height:48px;min-width:132px}@media(max-width:1180px){.studio-context{grid-template-columns:250px 180px minmax(320px,1fr)}.suggestion-toggle{min-width:132px}.suggestion-toggle small{display:none}.studio-grid{grid-template-columns:190px 1fr}.output{grid-column:1 / -1;min-height:0}.output .panel-heading{min-height:64px}.result-wrap{display:grid;grid-template-columns:minmax(260px,410px) 1fr;gap:22px;align-items:center}.empty-result{min-height:220px}.typography-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.studio-context{grid-template-columns:1fr 1fr}.suggestion-section{grid-column:1 / -1}.suggestion-toggle small{display:block}}@media(max-width:760px){.topbar{padding:0 16px;gap:16px;min-height:60px;position:sticky;top:0;z-index:20;background:var(--bg)}.brand{min-width:0}.brand small{display:none}.nav-tabs{gap:14px}.nav-tabs button{font-size:0;gap:0}.nav-tabs button svg{width:17px}.route-chip{display:none}.page{padding:12px 12px 72px}.intro-row,.intro-row.compact{display:block;margin-bottom:17px}h1,.intro-row.compact h1{font-size:27px;line-height:1.2}.lede,.intro-row.compact .lede{font-size:11px}.intro-meta{display:none}.studio-context{display:block;padding:8px}.studio-context .group-tabs{position:sticky;top:60px;z-index:18;margin-bottom:8px;background:#0d1310;grid-template-columns:repeat(2,minmax(0,1fr))}.scene-context{padding:7px 5px 10px}.suggestion-toolbar{flex-wrap:wrap}.suggestion-toggle{width:100%;border-right:0;border-bottom:1px solid var(--line)}.suggestion-quick-controls{width:100%;flex-basis:100%}.suggestion-list{display:block}.suggestion-item{border-right:0;border-bottom:1px solid rgba(52,66,60,.65)}.studio-grid{display:block}.rail,.workspace,.output{min-height:0;margin-bottom:10px}.rail-heading{min-height:48px}.rail-section{padding:13px}.scene-list,.preset-stack{grid-template-columns:1fr 1fr}.preset-option{min-height:58px}.rail-recipe{display:none}.form-grid{display:block;padding:17px 14px 0}.field{margin-bottom:13px}.ratio-picker{display:block;margin-left:14px;margin-right:14px}.ratio-options{margin-top:10px}.ratio-options button{flex:1}.typography-panel{margin:6px 14px 0}.typography-heading{align-items:start}.typography-heading small{max-width:230px}.typography-grid{grid-template-columns:1fr 1fr}.type-control:last-child{grid-column:span 2}.mode-section{margin-left:14px;margin-right:14px}.segmented{min-width:190px}.reference-section{margin-left:14px;margin-right:14px}.prompt-head{padding:17px 14px 10px;align-items:start}.prompt-state{display:block;margin:4px 0 0}.prompt-editor{margin:0 14px;width:calc(100% - 28px);min-height:220px}.sticky-actions{position:sticky;bottom:0;z-index:12;padding:12px 14px;background:#18201efa;border-top:1px solid var(--line)}.action-row button{flex:1;min-width:0}.message,.panel-heading{padding-left:14px;padding-right:14px}.result-wrap{display:block;padding:14px}.result-image{min-height:0}.cover-overlay.title-size-small{font-size:14px}.cover-overlay.title-size-medium{font-size:18px}.cover-overlay.title-size-large{font-size:22px}.empty-result,.pending-result{min-height:240px}.view-heading{display:block;margin-bottom:22px}.view-heading h2{font-size:24px}.library-count{display:block;margin-top:13px}.case-grid{grid-template-columns:1fr}.case-visual{height:310px}.history-card{grid-template-columns:76px 1fr;gap:11px}.history-card img,.history-placeholder{width:76px;height:76px}.history-card p{white-space:normal;max-height:34px}.history-card>div>div{flex-wrap:wrap;gap:12px}.footer{padding:16px;display:block;line-height:1.7}.footer span{display:block}.suggestion-summary{grid-template-columns:1fr auto}.suggestion-summary p{grid-column:1 / -1;grid-row:2}}@media(max-width:760px){.topbar-actions{margin-left:auto;gap:0}.mode-menu-toggle{min-width:36px;width:36px;padding:0;justify-content:center}.mode-menu-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.phone-mode-shell{padding:4px 0 24px}.phone-mode-header{align-items:start;margin-bottom:15px}.phone-mode-header h1{font-size:27px}.phone-mode-header p{font-size:11px}.phone-draft-badge{margin-top:5px}.phone-step-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:3px}.phone-step-progress button{min-height:48px;padding:0 2px;font-size:9px;white-space:nowrap}.phone-step-panel{min-height:0;padding:17px 14px 20px}.phone-step-intro{margin-bottom:17px}.phone-step-intro h2{font-size:20px}.phone-step-intro p{font-size:11px}.phone-field-group-heading small{max-width:150px}.phone-ai-empty{grid-template-columns:auto 1fr}.phone-ai-empty .primary-button{grid-column:1 / -1;width:100%}.phone-ratio-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.phone-use-grid,.phone-mode-picker{grid-template-columns:1fr}.phone-use-grid button{min-height:72px}.phone-preset-grid button{grid-template-columns:54px 1fr auto;min-height:70px}.phone-preset-grid button img{width:54px;height:54px}.phone-ai-models{grid-template-columns:1fr}.phone-step-progress button{min-height:45px;font-size:8px}.phone-step-progress button span{width:17px;height:17px}.phone-mode-header{display:block}.phone-draft-badge{margin-top:12px}.phone-actions{position:sticky;bottom:0;z-index:16;margin:0 -10px;padding:12px 10px calc(12px + env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid var(--line)}.phone-actions button{flex:1;min-width:0}.phone-prompt-summary strong{font-size:15px}.phone-confirm-meta span{flex:1;text-align:center}}@media(max-width:480px){.topbar{min-height:64px;padding:0 10px;gap:8px}.brand{flex:0 1 auto;gap:8px}.brand-mark{width:28px;height:28px;font-size:17px}.brand strong{font-size:10px;letter-spacing:.11em;white-space:nowrap}.nav-tabs{flex:1 1 auto;min-width:0;justify-content:space-between;gap:0}.nav-tabs button{min-height:44px;padding:0 2px;gap:3px;font-size:10px;white-space:nowrap}.nav-tabs button svg{width:15px;height:15px}.count{min-width:17px;padding:2px 4px;font-size:9px}.page{padding:10px 10px calc(72px + env(safe-area-inset-bottom))}.studio-context{padding:7px;border-radius:9px}.studio-context .group-tabs{top:64px;margin-bottom:7px}.group-tabs button{min-height:44px;font-size:11px}.mobile-step-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:9px 9px 9px 12px;border:1px solid var(--line);border-radius:9px;background:#151d1a}.mobile-step-heading{min-width:0}.mobile-step-heading .section-kicker{display:block;margin-bottom:4px;font-size:9px}.mobile-step-heading strong{display:block;color:var(--cream);font-size:12px;font-weight:600;white-space:nowrap}.mobile-step-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:0 0 183px;gap:3px;padding:3px;border:1px solid var(--line);border-radius:7px;background:#0d1310}.mobile-step-tabs button{min-width:0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 4px;border:0;border-radius:4px;background:transparent;color:var(--quiet);font-size:10px;white-space:nowrap}.mobile-step-tabs button span{width:18px;height:18px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:9px DM Mono,monospace}.mobile-step-tabs button.selected{background:#202923;color:var(--lime);font-weight:700}.mobile-step-tabs button.selected span{border-color:#c9e78b8a;color:var(--lime)}.studio-grid[data-mobile-step=configure] .workspace,.studio-grid[data-mobile-step=configure] .output,.studio-grid[data-mobile-step=compose] .rail,.studio-grid[data-mobile-step=compose] .output,.studio-grid[data-mobile-step=output] .rail,.studio-grid[data-mobile-step=output] .workspace{display:none}.scene-context{padding:9px 6px 12px}.scene-context>strong{font-size:15px}.scene-context>small{margin-top:8px;font-size:11px}.suggestion-toolbar{gap:0;padding:3px 5px 6px 7px}.suggestion-toggle{min-height:48px;padding:0 4px 0 1px}.suggestion-toggle strong{font-size:12px}.suggestion-toggle small{margin-top:3px;font-size:9px}.suggestion-quick-controls{gap:8px;padding-top:7px}.model-segment{min-height:44px;padding:3px}.model-segment button{min-height:38px;padding:0 6px;font-size:10px}.suggestion-run{min-width:108px;min-height:44px;padding:0 10px;font-size:10px}.suggestion-item .secondary-button{min-height:44px;padding:0 12px}.rail,.workspace,.output{margin-bottom:12px;border-radius:9px}.rail-heading{min-height:56px;padding:0 14px}.rail-section{padding:16px 13px}.rail-section>label,.field>span{margin-bottom:9px;font-size:11px}.scene-list{gap:7px}.scene-list>label{grid-column:1 / -1}.scene-option{min-height:48px;padding:10px 11px;border-radius:7px;font-size:12px}.scene-option small{font-size:10px}.preset-stack{gap:8px}.preset-option{min-height:64px;padding:10px 9px;gap:9px;border-radius:7px}.preset-option strong{font-size:11px}.preset-option small{margin-top:4px;font-size:10px;line-height:1.35;white-space:normal}.preset-option>svg{flex:0 0 14px}.free-mode-card{gap:8px}.panel-heading{min-height:68px;padding:15px 14px 13px}.panel-heading h2{font-size:18px}.scene-hint{margin:4px 14px 0;padding:12px 11px;font-size:11px;line-height:1.6}.ratio-picker{margin:14px 14px 0;padding:14px 0}.ratio-picker strong{font-size:13px}.ratio-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.ratio-options button{min-width:0;min-height:46px;padding:0 2px;font-size:10px}.form-grid{padding:19px 14px 0}.field{margin-bottom:17px}.field textarea,.field input,.field select,.prompt-editor{font-size:15px}.field textarea,.field input,.field select{padding:11px 12px}.field input,.field select{height:46px;min-height:46px}.field textarea{min-height:96px}.chip-options{min-height:44px;gap:8px}.chip-option{min-height:44px;padding:0 12px;font-size:12px}.typography-panel{margin:9px 14px 0;padding-top:16px}.typography-heading{gap:10px}.typography-heading strong{font-size:14px}.typography-heading small{max-width:none;font-size:10px;line-height:1.55}.safe-zone-button{min-height:44px;padding:0 11px;font-size:10px}.typography-grid{gap:10px;margin-top:15px}.type-control>span{margin-bottom:7px;font-size:11px}.type-control select{height:46px;font-size:14px}.typography-note{margin-top:11px;font-size:10px;line-height:1.65}.mode-section{display:block;margin:14px 14px 0;padding:15px 0}.mode-section>label{display:block;margin-bottom:9px;font-size:11px}.segmented{width:100%;min-width:0}.segmented button{min-height:46px;font-size:12px}.reference-section{margin:14px 14px 20px;padding:15px;border-radius:7px}.reference-section>div:first-child strong{font-size:14px}.reference-section p{margin:7px 0 15px;font-size:11px;line-height:1.65}.upload-button{min-height:64px;font-size:12px}.reference-loaded{grid-template-columns:58px 1fr 44px;gap:10px}.reference-loaded img{width:58px;height:58px}.icon-button{width:44px;height:44px}.prompt-head{padding:18px 14px 11px}.prompt-head .section-kicker{display:block;margin:0 0 5px}.prompt-state{display:block;margin:0;font-size:10px;line-height:1.5}.inline-actions{gap:8px}.inline-actions .text-button{min-height:44px;padding:0 2px}.prompt-editor{min-height:240px;padding:14px;line-height:1.7}.sticky-actions{padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.action-row button{min-height:50px;padding:0 10px;font-size:13px}.message{min-height:44px;padding:8px 14px 14px;font-size:11px}.result-wrap{padding:14px}.result-image{width:100%}.result-actions{gap:8px}.result-actions .primary-button,.result-actions .secondary-button{min-height:48px;min-width:0;padding:0 10px}.empty-result,.pending-result{min-height:270px}.round-button{width:44px;height:44px;flex-basis:44px}.history-card>div>div{gap:8px}.history-card .text-button{min-height:44px;padding:0 2px}.footer{padding:18px 14px calc(18px + env(safe-area-inset-bottom))}button,a,select,input,textarea{touch-action:manipulation}}:root{--bg: #f3f6f2;--panel: #ffffff;--panel-2: #eaf0eb;--line: #d4ded6;--muted: #5e6e64;--quiet: #7c8a82;--cream: #1f2b24;--lime: #78a83a;--orange: #b9633d;--primary: #4f7528;--primary-hover: #42661f;--input: #f8faf8;--input-focus: #f4f9ee;--canvas: #e2e8e2;--ink-soft: #314138}body,.app-shell{background:var(--bg);color:var(--cream)}.topbar{background:var(--panel);border-bottom-color:var(--line)}.brand-mark{border-color:var(--primary);color:var(--primary)}.brand small,.intro-meta,.route-chip{color:var(--quiet)}.nav-tabs button{color:var(--muted)}.nav-tabs button.active{color:var(--cream)}.nav-tabs button.active:after{background:var(--primary)}.count,.intro-meta{border-color:var(--line)}.count{color:var(--muted)}.status-dot{background:var(--orange)}.status-dot.ready{background:var(--primary);box-shadow:0 0 12px #4f75284d}.studio-context{background:#edf3ee;border-color:var(--line)}.panel{background:#fffffff0;border-color:var(--line)}.rail-heading,.panel-heading{border-color:var(--line)}.rail-heading,.panel-heading{color:var(--muted)}.rail-heading strong,.panel-heading h2,.scene-context>strong,.field>span{color:var(--cream)}.scene-option,.preset-option{background:transparent;border-color:transparent;color:var(--muted)}.scene-option:hover,.scene-option.selected,.preset-option:hover,.preset-option.selected{background:#edf4e8;border-color:#bfd39f;color:var(--primary)}.scene-option small,.preset-option small{color:var(--quiet)}.rail-recipe,.free-mode-card{background:#f0f5f0}.rail-recipe span,.rail-recipe small{color:var(--quiet)}.rail-recipe strong,.free-mode-card strong{color:var(--cream)}.group-tabs,.model-segment,.mobile-step-tabs{background:#e4ebe5;border-color:var(--line)}.group-tabs button,.segmented button,.model-segment button,.mobile-step-tabs button{color:var(--muted)}.group-tabs button.selected,.segmented button.selected,.mobile-step-tabs button.selected{background:#dcecc4;color:var(--primary);box-shadow:inset 0 0 0 1px #bfd39f}.model-segment button.selected{background:#dcecc4;color:var(--primary)}.suggestion-section{border-color:#c8dbb6;background:#78a83a12}.suggestion-section.open,.suggestion-panel{border-color:#b9d39e}.suggestion-toggle{border-color:var(--line);color:var(--cream)}.suggestion-toggle>span>svg,.suggestion-section.open .suggestion-toggle>svg{color:var(--primary)}.suggestion-run{background:var(--primary);color:#fff}.suggestion-run:hover{background:var(--primary-hover)}.suggestion-panel{background:#f7faf7}.suggestion-result,.suggestion-item{background:#fff;border-color:var(--line)}.suggestion-summary p,.suggestion-item p{color:var(--muted)}.suggestion-item strong{color:var(--cream)}.field textarea,.field input,.field select,.prompt-editor{border-color:#c6d2c9;color:var(--cream);background:var(--input)}.field textarea:focus,.field input:focus,.field select:focus,.prompt-editor:focus{border-color:var(--primary);background:var(--input-focus);box-shadow:0 0 0 2px #78a83a1f}.scene-hint{border-left-color:var(--primary);background:#78a83a17;color:var(--muted)}.scene-hint svg,.section-kicker,.eyebrow,.free-mode-note,.mode-label,.generation-mode{color:var(--primary)}.chip-option,.ratio-options button,.type-control select{border-color:#c6d2c9;background:var(--input);color:var(--muted)}.chip-option:hover,.chip-option.selected,.ratio-options button:hover,.ratio-options button.selected{border-color:var(--primary);color:var(--primary);background:#edf4e8}.typography-panel,.mode-section,.prompt-head{border-color:var(--line)}.safe-zone-button,.icon-button,.round-button{border-color:#c6d2c9;color:var(--muted)}.safe-zone-button[aria-pressed=true]{border-color:var(--primary);color:var(--primary);background:#edf4e8}.icon-button:hover,.text-button:hover,.round-button:hover{border-color:var(--primary);color:var(--primary)}.primary-button{border-color:var(--primary);color:#fff;background:var(--primary)}.primary-button:hover{border-color:var(--primary-hover);background:var(--primary-hover)}.secondary-button{border-color:#c6d2c9;color:var(--ink-soft);background:transparent}.secondary-button:hover{border-color:var(--primary);color:var(--primary);background:#f3f8ef}.danger-button{border-color:var(--orange);color:var(--orange)}.message{color:var(--muted)}.message.error{color:#a84e35}.reference-section{border-color:var(--line);background:#f7faf7}.reference-section>div:first-child strong{color:var(--cream)}.reference-section p{color:var(--muted)}.upload-button{border-color:#aabcae;background:#fff;color:var(--muted)}.upload-button:hover{border-color:var(--primary);color:var(--primary);background:#f3f8ef}.reference-loaded img{border-color:var(--line)}.reference-loaded>span{color:var(--cream)}.reference-loaded small{color:var(--quiet)}.mode-label,.generation-mode{border-color:#b9d39e}.segmented{border-color:var(--line)}.result-image{background:var(--canvas)}.image-badge,.case-tag{color:var(--primary);background:#ffffffe6;border-color:#b9d39e}.result-info>span,.empty-result,.pending-result{color:var(--quiet)}.result-info strong,.empty-result strong,.pending-result strong{color:var(--cream)}.empty-mark{border-color:#b9d39e;color:var(--primary)}.empty-result,.pending-result{background:#fbfdfb}.case-card,.history-card{background:#fff;border-color:var(--line)}.case-visual,.history-placeholder{background:var(--canvas)}.case-body h3,.history-card strong{color:var(--cream)}.case-body p,.history-card span,.history-card p{color:var(--quiet)}.empty-library{border-color:#b5c6b9;color:var(--quiet)}.empty-library strong{color:var(--cream)}.size-grid span{border-color:var(--line);color:var(--quiet)}.size-grid strong{color:var(--cream)}.history-card.status-degraded,.history-card.status-error,.history-card.status-interrupted{border-left-color:var(--orange)}.delete-button{color:var(--orange)}.delete-button:hover{color:#9c492e}.mobile-step-nav{background:#fff;border-color:var(--line)}.sticky-actions{background:#fffffff5;border-top-color:var(--line)}.cover-safe-zone{border-color:#5c882fc7;background:#78a83a14}@media(max-width:760px){.topbar{background:#fffffff5}.studio-context .group-tabs{background:#e4ebe5}}.cover-overlay{white-space:pre-wrap;word-break:keep-all}.cover-overlay.horizontal{writing-mode:horizontal-tb}.cover-overlay.vertical-rl,.cover-overlay.vertical-lr{width:38%;max-width:38%;height:64%;max-height:64%;line-height:1.18;overflow-wrap:normal;word-break:keep-all;text-align:center}.cover-overlay.vertical-rl{writing-mode:vertical-rl;text-orientation:mixed}.cover-overlay.vertical-lr{writing-mode:vertical-lr;text-orientation:mixed}.cover-overlay.vertical-rl.right,.cover-overlay.vertical-lr.right,.cover-overlay.vertical-rl.top,.cover-overlay.vertical-lr.top,.cover-overlay.vertical-rl.bottom,.cover-overlay.vertical-lr.bottom{top:18%;right:8%;bottom:auto;left:auto}.cover-overlay.vertical-rl.left,.cover-overlay.vertical-lr.left{top:18%;left:8%;right:auto;bottom:auto}.preset-option{align-items:stretch;min-height:78px;padding:7px;gap:9px}.preset-thumb{width:46px;height:62px;flex:0 0 46px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);background:var(--canvas)}.preset-thumb img{width:100%;height:100%;object-fit:cover;display:block}.preset-thumb .preset-swatch{width:14px;height:14px}.preset-detail{align-self:center}.preset-detail strong,.preset-detail small{white-space:normal;overflow:visible;text-overflow:clip}.preset-detail small{line-height:1.35}.preset-detail .preset-usage{margin-top:4px;color:var(--primary);font-size:9px}.preset-option>svg{align-self:center}.result-status{display:grid;gap:4px;margin:7px 0 13px;padding:9px 10px;border-left:2px solid var(--primary);background:#f5f9f3}.result-status>span{color:var(--primary);font:9px DM Mono,monospace;letter-spacing:.08em}.result-status>strong{margin:0;color:var(--cream);font-size:11px;font-weight:500}.result-status-error,.result-status-interrupted,.result-status-cancelled,.result-status-degraded{border-left-color:var(--orange);background:#fff7f2}.result-status-error>span,.result-status-interrupted>span,.result-status-cancelled>span,.result-status-degraded>span{color:var(--orange)}.result-continuation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.result-continuation .secondary-button{min-width:0;min-height:42px;padding:0 8px;font-size:10px;white-space:normal;line-height:1.25}.recovery-button{color:var(--orange)}.recovery-button:hover{color:#9c492e;border-color:var(--orange)}.startup-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;align-content:center;gap:11px;background:#f3f6f2fa;color:var(--cream);animation:startup-in .32s ease both}.startup-screen>strong{font-size:14px;letter-spacing:.18em}.startup-screen>span{color:var(--muted);font-size:12px}.startup-screen>svg{color:var(--primary)}.startup-mark{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--primary);color:var(--primary);font:28px Georgia,serif;animation:startup-mark-in .52s ease both}.startup-progress{width:156px;height:2px;overflow:hidden;background:#d4ded6}.startup-progress span{display:block;width:40%;height:100%;background:var(--primary);animation:startup-progress .76s ease-in-out both}.startup-screen button{min-height:36px;margin-top:9px;padding:0 13px;border:1px solid #c6d2c9;background:transparent;color:var(--muted);font-size:11px}.startup-screen button:hover{border-color:var(--primary);color:var(--primary);background:#f3f8ef}@keyframes startup-in{0%{opacity:0}to{opacity:1}}@keyframes startup-mark-in{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes startup-progress{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media(prefers-reduced-motion:reduce){.startup-screen,.startup-mark,.startup-progress span{animation:none}}@media(max-width:760px){.cover-overlay.vertical-rl,.cover-overlay.vertical-lr{height:64%;max-height:64%}.preset-thumb{width:42px;height:54px;flex-basis:42px}.preset-option{min-height:68px}.result-continuation .secondary-button{min-height:46px}}.phone-result-view{display:grid;gap:16px}.phone-result-view .phone-step-intro{margin-bottom:0}.phone-result-visual{overflow:hidden;border:1px solid var(--line);background:var(--canvas)}.phone-result-visual .result-image{min-height:0;max-height:620px}.phone-result-visual .pending-result,.phone-result-visual .empty-result{min-height:300px}.phone-result-status{display:grid;gap:5px;padding:12px 13px;border-left:3px solid var(--primary);background:#f5f9f3}.phone-result-status span{color:var(--primary);font:9px DM Mono,monospace;letter-spacing:.08em}.phone-result-status strong{color:var(--cream);font-size:13px;font-weight:600}.phone-result-status small{color:var(--quiet);font:10px DM Mono,monospace}.phone-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.phone-result-actions .primary-button,.phone-result-actions .secondary-button{min-height:50px}@media(max-width:480px){.phone-step-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:3px}.phone-step-progress button{min-height:45px;padding:0 1px;font-size:8px;white-space:nowrap}.phone-step-progress button span{width:17px;height:17px}.phone-result-view{gap:13px}.phone-result-visual .result-image{max-height:none}.phone-result-actions{grid-template-columns:1fr}}.field-group{border-top:1px solid var(--line)}.field-group:first-child{border-top:0}.field-group-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:17px 21px 0}.field-group-heading .section-kicker{margin-bottom:5px}.field-group-heading strong{display:block;color:var(--cream);font-size:13px;font-weight:600}.field-group-heading small{max-width:270px;color:var(--quiet);font-size:10px;line-height:1.5;text-align:right}.field-group .form-grid{padding-top:14px}.case-restore-source{color:var(--primary)!important}.case-restore-source svg{flex:0 0 12px}.reference-purpose{display:grid;grid-template-columns:120px minmax(180px,260px);align-items:center;gap:7px 10px;margin-top:12px}.reference-purpose>span{margin:0;color:var(--muted);font-size:11px}.reference-purpose select{width:100%;min-height:36px;padding:0 9px;border:1px solid #c6d2c9;border-radius:5px;outline:0;color:var(--cream);background:var(--input);font-size:11px}.reference-purpose select:focus{border-color:var(--primary);background:var(--input-focus)}.reference-purpose small{grid-column:2;color:var(--quiet);font-size:9px;line-height:1.5}.case-filters{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:10px;margin-bottom:20px;padding:12px;border:1px solid var(--line);background:#f7faf7}.case-filters label{display:grid;gap:6px;min-width:0}.case-filters label>span{color:var(--quiet);font:9px DM Mono,monospace;letter-spacing:.08em}.case-filters select{width:100%;height:38px;padding:0 9px;border:1px solid #c6d2c9;border-radius:5px;outline:0;color:var(--cream);background:var(--input);font-size:11px}.case-filters select:focus{border-color:var(--primary);background:var(--input-focus)}.case-filters .text-button{min-height:38px;padding:0 8px;white-space:nowrap}.case-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:9px;color:var(--primary);font:9px DM Mono,monospace}.case-meta span+span{color:var(--quiet)}@media(max-width:760px){.field-group-heading{align-items:start;padding-left:14px;padding-right:14px}.field-group-heading small{max-width:180px}.field-group .form-grid{padding-top:13px}.reference-purpose{grid-template-columns:1fr}.reference-purpose small{grid-column:auto}.case-filters{grid-template-columns:1fr 1fr}.case-filters .text-button{width:100%}}@media(max-width:480px){.field-group-heading{display:block}.field-group-heading small{max-width:none;margin-top:5px;text-align:left}.case-filters{grid-template-columns:1fr;gap:9px;margin-bottom:15px}.case-filters select,.case-filters .text-button{min-height:44px}}.phone-use-grid button,.phone-preset-grid button,.phone-mode-picker button,.phone-ratio-options button,.phone-ai-models button,.phone-reference-box,.phone-full-prompt,.phone-ai-list article{background:#fff;color:var(--muted)}.phone-use-grid button strong,.phone-preset-grid button strong,.phone-mode-picker button strong,.phone-ai-models button strong{color:var(--cream)}.phone-use-grid button small,.phone-preset-grid button small,.phone-mode-picker button small,.phone-ai-models button small{color:var(--quiet)}.phone-use-grid button:hover,.phone-use-grid button.selected,.phone-preset-grid button.selected,.phone-mode-picker button.selected,.phone-ratio-options button:hover,.phone-ratio-options button.selected,.phone-ai-models button:hover,.phone-ai-models button.selected{background:#edf4e8}.phone-step-progress{background:#e4ebe5}.phone-step-progress button{color:var(--muted)}.phone-step-progress button.selected{background:var(--primary);color:#fff}.phone-scene-picker,.phone-generation-inline,.phone-ratio-section,.phone-field-group,.phone-typography-panel{border-color:var(--line)}.phone-style-choice select,.phone-reference-box .reference-purpose select{border-color:#c6d2c9;background:var(--input);color:var(--cream)}.phone-ratio-options button,.phone-ai-models button{border-color:#c6d2c9}.phone-ratio-options button.selected,.phone-ai-models button.selected{border-color:var(--primary);color:var(--primary)}.phone-ratio-options button.selected,.phone-ai-models button.selected strong{color:var(--primary)}.phone-ai-model-picker>div:first-child strong,.phone-full-prompt-toggle{color:var(--cream)}.phone-full-prompt-toggle:hover{color:var(--primary)}.phone-ai-panel,.phone-ai-list article{border-color:#c6d2c9}.phone-text-mode-note,.phone-warning{background:var(--panel-2)}