:root{--bg:#0a0a0b;--panel:#121214;--panel-raised:#18181b;--line:#27272b;--text:#f5f5f3;--muted:#8d8d96;--accent:#5b7cff;--accent-bg:#17203b;--error:#ff9a9a;--font:'Geist',Arial,sans-serif;color-scheme:dark}
html[data-theme=light]{--bg:#f6f6f2;--panel:#fff;--panel-raised:#f0f0ea;--line:#dcdcce;--text:#191a15;--muted:#6b6c63;--accent:#3556cf;--accent-bg:#e8edff;--error:#af2626;color-scheme:light}
html[data-theme=dark] .studio-brand img,html[data-theme=dark] .partner-nav img{filter:invert(1) hue-rotate(180deg)}
html[data-theme=light] .primary-button,html[data-theme=light] .new-scene{color:white}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--font)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}fieldset{border:0;padding:0;margin:0}h1,h2,h3,p{margin:0}em{font-style:normal;color:var(--accent)}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--panel);border-right:1px solid var(--line);padding:29px 20px 16px;display:flex;flex-direction:column;z-index:4}.studio-brand img{width:128px;height:28px;object-fit:contain}.studio-brand{margin:0 10px 29px}.new-scene{background:var(--accent);color:#090e22;border:0;border-radius:9px;padding:11px 14px;font-weight:650;display:flex;align-items:center;gap:9px;margin-bottom:29px}.new-scene>span{font-size:22px;line-height:20px}.new-scene kbd{margin-left:auto;opacity:.5;font-size:15px}.nav-caption{font:10px 'JetBrains Mono',monospace;letter-spacing:1.1px;color:var(--muted);display:block;margin:0 12px 12px}.side-link{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;background:none;color:var(--muted);text-align:left;font-size:12px;border-radius:8px;margin-bottom:3px}.side-link>span{font-size:18px;width:18px}.side-link:hover{background:var(--panel-raised);color:var(--text)}.side-link.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.side-link>b{font-size:10px;font-weight:500;margin-left:auto}.sidebar-history{margin-top:30px;overflow:auto;flex:1}.sidebar-history p{padding:0 12px}.recent-job{border:0;background:none;display:block;text-align:left;color:var(--muted);font-size:11px;padding:9px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.recent-job:hover{color:var(--text)}.sidebar-bottom{margin-top:24px}.credit-card{border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:14px}.credit-card>span{font-size:10px;color:var(--muted);display:flex;gap:6px;align-items:center}.live-dot,.eyebrow i{height:6px;width:6px;background:var(--accent);border-radius:50%;display:inline-block}.credit-card strong{font-size:25px;display:block;margin:7px 0}.credit-card small{font-weight:400;font-size:11px;color:var(--muted)}.credit-card a{font-size:11px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.local-user{display:flex;gap:10px;align-items:center;margin-top:22px}.avatar{width:29px;height:29px;background:var(--panel-raised);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:12px}.local-user b{font-size:11px;font-weight:500;display:block}.local-user small{font-size:9px;color:var(--muted);display:block}.theme-button{margin-left:auto;background:none;border:0;font-size:20px;color:var(--muted)}.studio-main{margin-left:246px}.studio-top{height:70px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.desktop-breadcrumb>span{margin:0 13px;color:#47474f}.desktop-breadcrumb strong{font-weight:500;color:var(--text)}.top-tools{display:flex;gap:21px;align-items:center}.local-pill{font:9px 'JetBrains Mono',monospace;letter-spacing:.5px;border:1px solid var(--line);padding:5px 8px;border-radius:5px}.mobile-brand{display:none}.setup-banner{padding:12px 30px;border-bottom:1px solid #283c75;background:var(--accent-bg);display:flex;gap:12px;align-items:center;color:var(--muted);font-size:11px}.setup-banner>span{font-size:21px;color:var(--accent)}.setup-banner strong{color:var(--text);font-weight:500}.setup-banner button{background:none;border:0;color:var(--accent);font-size:11px;white-space:nowrap;margin-left:auto}.studio-content{padding:38px 34px 0;max-width:1480px;margin:auto}.eyebrow{font:10px 'JetBrains Mono',monospace;letter-spacing:1.5px;color:var(--muted)}.eyebrow i{margin-right:7px}.workspace-heading h1{font-family:'Bricolage Grotesque',var(--font);font-size:38px;line-height:1.2;letter-spacing:-1.2px;margin:11px 0 9px}.workspace-heading>p{color:var(--muted);font-size:13px}.studio-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;margin-top:29px;align-items:stretch}.composer-panel,.result-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:18px 22px}.panel-heading h2{font-size:13px;font-weight:550}.tiny-label{font:8px 'JetBrains Mono',monospace;color:var(--muted);letter-spacing:.6px}#create-form{padding:21px}.kind-tabs{display:flex;background:var(--bg);border:1px solid var(--line);padding:4px;border-radius:9px;margin-bottom:23px}.kind-tabs label{flex:1;position:relative;cursor:pointer}.kind-tabs input,.ratio-options input{position:absolute;opacity:0}.kind-tabs span{display:block;text-align:center;border-radius:6px;padding:8px;color:var(--muted);font-size:12px}.kind-tabs input:checked+span{background:var(--panel-raised);color:var(--text);box-shadow:0 1px 4px #0003}.kind-tabs input:focus-visible+span,.ratio-options input:focus-visible+span{outline:2px solid var(--accent)}.field-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11px}.field-label label,legend{font-weight:550}.field-label>span{color:var(--muted);font-size:9px}textarea{display:block;width:100%;min-height:132px;resize:vertical;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:13px 14px;color:var(--text);font-size:12px;line-height:1.8}textarea::placeholder{color:#666670}.prompt-suggestions{display:flex;gap:6px;align-items:center;margin:11px 0 24px;font-size:10px;color:var(--muted);flex-wrap:wrap}.prompt-suggestions button{font-size:9px;border:1px solid var(--line);background:transparent;border-radius:5px;padding:4px 7px}.prompt-suggestions button:hover{border-color:var(--accent);color:var(--accent)}.upload-zone{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--bg);border:1px dashed #36363e;padding:18px 8px;border-radius:8px;cursor:pointer;position:relative}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:var(--accent-bg)}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-zone strong{display:block;font-size:10px;font-weight:500}.upload-zone small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.upload-icon{font-size:27px;color:var(--muted)}.attachments{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}.attachment{position:relative;height:60px;width:60px;border:1px solid var(--line);border-radius:7px}.attachment img{width:100%;height:100%;object-fit:cover;border-radius:7px}.attachment button{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;background:var(--panel);font-size:12px}.ratio-field{margin:20px 0}.ratio-field legend{font-size:11px;margin-bottom:10px}.ratio-options{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.ratio-options label{cursor:pointer;position:relative}.ratio-options label>span{height:74px;border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--muted)}.ratio-options input:checked+span{background:var(--accent-bg);border-color:#5b7cff;color:var(--accent)}.ratio-shape{display:block;border:1.4px solid currentColor;border-radius:2px;height:13px;width:21px;margin-bottom:3px}.ratio-shape.vertical{height:21px;width:13px;margin:-4px 0 2px}.ratio-shape.square{height:17px;width:17px;margin:0 0 3px}.ratio-shape.classic{height:15px;width:20px}.ratio-shape.portrait{height:20px;width:15px;margin:-3px 0 2px}.ratio-shape.cinema{height:11px;width:25px;margin:2px 0 3px}.ratio-options b{font-size:10px;font-weight:500}.ratio-options small{font-size:7px;opacity:.8}select{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:7px;padding:10px 12px;font-size:11px}.generate-row{display:flex;align-items:center;justify-content:space-between;margin:23px 0 13px;padding-top:20px;border-top:1px solid var(--line);gap:12px}.generate-row>span{font-size:9px;color:var(--muted);max-width:140px}.primary-button{border:0;background:var(--accent);color:#090e22;border-radius:8px;padding:12px 18px;font-weight:650;font-size:12px;display:inline-flex;gap:18px;align-items:center;justify-content:center}.primary-button:hover{filter:brightness(1.08)}.safe-note{text-align:center;color:var(--muted);font-size:9px}.status-pill{border:1px solid var(--line);border-radius:20px;font:8px 'JetBrains Mono',monospace;padding:4px 7px;color:var(--muted)}.result-panel{display:flex;flex-direction:column}.result-panel #result-body{flex:1;display:flex;flex-direction:column}.empty-preview{flex:1;min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#5b7cff09,transparent 50%);padding:30px;text-align:center}.preview-illustration{position:relative;margin-bottom:30px}.preview-frame{height:105px;width:150px;border:1px solid #354d91;border-radius:12px;transform:rotate(-7deg);background:linear-gradient(135deg,#5b7cff1a,transparent);padding:20px;box-shadow:10px 10px 0 -2px var(--panel),10px 10px 0 -1px #252f4b}.preview-frame>span{font-size:38px;color:var(--accent)}.preview-frame i{height:3px;width:55%;background:#6889e955;display:block;border-radius:2px;margin-top:4px}.preview-frame i:last-child{width:35%}.floating-plus{position:absolute;right:-14px;top:-15px;font-size:20px;color:var(--accent);background:var(--panel);height:30px;width:30px;border:1px solid #354d91;border-radius:9px;transform:rotate(10deg)}.empty-preview h3{font-size:15px;font-weight:550;margin-bottom:11px}.empty-preview p{font-size:12px;line-height:1.8;color:var(--muted)}.empty-specs{display:flex;gap:7px;margin-top:23px}.empty-specs span{padding:4px 8px;border:1px solid var(--line);border-radius:5px;font-size:8px;color:var(--muted)}.result-tip{margin:0 22px 22px;padding:14px;border:1px solid var(--line);background:var(--bg);border-radius:8px;display:flex;gap:10px;align-items:center}.result-tip>span{color:var(--accent);font-size:18px}.result-tip p{font-size:9px;color:var(--muted);line-height:1.8}.result-tip strong{font-weight:500;color:var(--text)}.history-section{margin-top:36px;scroll-margin-top:20px}.section-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-row h2{font-size:21px;letter-spacing:-.5px;font-weight:600;margin-top:6px}.section-row h2>span{font-size:12px;color:var(--muted);margin-left:6px}.text-button{background:none;border:1px solid var(--line);border-radius:7px;padding:7px 11px;font-size:10px;color:var(--muted)}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.history-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:10px;padding:29px;text-align:center;color:var(--muted);font-size:11px}.history-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;padding:0;text-align:left}.history-card:hover{border-color:#5675db}.history-cover{height:110px;background:radial-gradient(ellipse,#5b7cff0c,transparent);display:grid;place-items:center;font-size:24px;color:var(--accent);overflow:hidden}.history-cover img,.history-cover video{width:100%;height:100%;object-fit:cover}.history-copy{padding:12px}.history-copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.history-copy small{font-size:9px;color:var(--muted);display:block;margin-top:6px}.studio-footer{margin-top:35px;border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.message{padding:14px;border:1px solid var(--line);background:var(--accent-bg);border-radius:8px;font-size:11px;margin-top:15px;line-height:1.7}.message.error{color:var(--error);background:#ff777709;border-color:#f8858530}.job-view{padding:23px}.job-media{width:100%;border-radius:8px;background:#060607;max-height:350px;object-fit:contain}.job-view h3{font-size:15px;margin:15px 0 7px}.job-view p{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.job-view .job-id{font:9px 'JetBrains Mono',monospace;margin:14px 0;color:var(--muted);overflow-wrap:anywhere}.job-meta{display:flex;gap:10px;font-size:9px;color:var(--muted);margin:13px 0}.job-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.progress-orbit{width:85px;height:85px;border:1px solid #2b3551;border-top:2px solid var(--accent);border-radius:50%;margin:25px auto;animation:orbit 1.7s linear infinite}.job-progress{border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at center,#5b7cff09,transparent);padding:25px;text-align:center}.progress-steps{display:flex;justify-content:center;gap:15px;font:9px 'JetBrains Mono',monospace;margin:22px 0 8px;color:var(--muted)}.progress-steps .current{color:var(--accent)}.job-expiry{margin-top:13px!important;font-size:10px!important}.job-error-icon{font-size:35px;color:var(--error)}dialog{width:min(480px,calc(100% - 30px));background:var(--panel);color:var(--text);padding:34px;border:1px solid var(--line);border-radius:16px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-family:'Bricolage Grotesque',var(--font);font-size:36px;line-height:1.1;margin:16px 0 20px;letter-spacing:-1px}dialog p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:15px}dialog pre{padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--accent);white-space:pre-wrap}dialog>.primary-button{margin-top:24px;width:100%}.dialog-close{position:absolute;right:15px;top:12px;background:none;border:0;color:var(--muted);font-size:24px}.partner-main{max-width:900px;padding:60px 24px;margin:auto}.partner-main h1{font-family:'Bricolage Grotesque',var(--font);font-size:45px;line-height:1.1;letter-spacing:-1.5px;margin:20px 0}.partner-main>p{color:var(--muted);max-width:600px}.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.partner-box{background:var(--panel);border:1px solid var(--line);padding:25px;border-radius:12px}.partner-box h2{font-size:18px;margin-bottom:15px}.partner-box p,.partner-box li{color:var(--muted);font-size:12px;line-height:1.8}.partner-box label{display:block;font-size:11px;margin-top:15px}.partner-box input{display:block;width:100%;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px;margin-top:7px;color:var(--text)}.partner-box output{font-size:30px;color:var(--accent);display:block;margin-top:22px}.partner-nav{display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;border-bottom:1px solid var(--line)}.partner-nav img{width:125px}.partner-nav a:last-child{font-size:12px;color:var(--muted)}
@keyframes orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@media(min-width:1500px){.studio-content{padding-top:55px}.workspace-heading h1{font-size:44px}.studio-grid{gap:26px}.composer-panel form{padding:25px}.empty-preview{min-height:510px}}
@media(max-width:1150px){.sidebar{width:205px;padding-left:14px;padding-right:14px}.studio-main{margin-left:205px}.studio-content{padding:28px 22px 0}.studio-top{padding:0 22px}.studio-grid{gap:15px}.panel-heading{padding:16px}#create-form{padding:16px}.tiny-label{font-size:7px}.ratio-options small{font-size:6px}.generate-row>span{max-width:100px}.primary-button{gap:10px;padding:11px 13px}.setup-banner{padding:12px 22px}.upload-zone strong{font-size:9px}}
@media(max-width:930px){.studio-grid{grid-template-columns:1fr}.result-panel .empty-preview{min-height:330px}.history-grid{grid-template-columns:repeat(2,1fr)}.tiny-label{font-size:8px}.ratio-options small{font-size:9px}.ratio-options b{font-size:11px}.ratio-options{gap:8px}.ratio-options label>span{height:84px}.generate-row>span{max-width:180px}.upload-zone strong{font-size:12px}.upload-zone small{font-size:10px}.result-tip{margin-top:20px}.workspace-heading h1{font-size:33px}}
@media(max-width:650px){.sidebar{display:none}.studio-main{margin-left:0}.studio-top{height:60px;padding:0 19px}.desktop-breadcrumb,.top-tools .local-pill{display:none}.mobile-brand{display:block;color:var(--text);font-size:15px;font-weight:650}.studio-content{padding:27px 16px 0}.setup-banner{padding:12px 16px;align-items:flex-start;flex-wrap:wrap;gap:8px}.setup-banner p{flex:1;min-width:220px;font-size:10px}.setup-banner button{margin:0 0 0 27px}.workspace-heading h1{font-size:31px}.studio-grid{margin-top:24px}.ratio-options{gap:5px}.ratio-options label>span{height:76px}.ratio-options small{font-size:7px}.history-grid{grid-template-columns:1fr 1fr}.studio-footer{flex-direction:column;gap:7px}.partner-grid{grid-template-columns:1fr}.partner-main{padding-top:35px}.partner-main h1{font-size:36px}.generate-row>span{max-width:140px}}