:root{--ink:#17232c;--muted:#65737d;--paper:#f4f5ef;--panel:#ffffffc7;--line:#17232c21;--blue:#2c63d8;--lime:#d7ff6b;--night:#172933;--coral:#ff725c;--shadow:0 24px 70px #1a2d381c}*{box-sizing:border-box}html{background:var(--paper)}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 8% 4%, #d7ff6b7a, transparent 28rem), radial-gradient(circle at 95% 42%, #5685e71f, transparent 30rem), var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #2c63d873}.studio-shell{min-height:100vh;padding:24px clamp(18px,5vw,72px) 30px;overflow:hidden}.topbar,.hero,.kind-tabs,.workspace,.history-panel,footer{width:min(1240px,100%);margin-inline:auto}.topbar{align-items:center;gap:24px;min-height:46px;display:flex}.brand{color:var(--ink);letter-spacing:-.035em;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--ink);background:var(--lime);border-radius:9px 9px 9px 2px;place-items:center;width:30px;height:30px;font-family:Georgia,serif;font-style:italic;font-weight:800;display:inline-grid;transform:rotate(-7deg)}.capability-list span{border:1px solid var(--line);color:#53636d;background:#ffffff7a;border-radius:999px;padding:5px 8px;font-size:.67rem;font-weight:750}.hero{text-align:center;padding:clamp(52px,8vw,92px) 0 46px}.eyebrow{color:#4b665b;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:.69rem;font-weight:800;display:inline-flex}.eyebrow i{background:#87bd37;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #87bd3726}.hero h1{letter-spacing:-.075em;margin:17px auto;font-size:clamp(2.7rem,6.4vw,5.5rem);line-height:.96}.hero h1 em{color:var(--blue);font-family:Georgia,serif;font-weight:500}.kind-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.kind-tabs button{border:1px solid var(--line);color:#53636d;text-align:left;background:#ffffff8c;border-radius:16px;align-items:center;gap:12px;min-height:62px;padding:0 20px;font-weight:800;transition:all .16s;display:flex}.kind-tabs button span{border:1px solid;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.65rem;display:grid}.kind-tabs button.active{border-color:var(--night);color:#fff;background:var(--night);transform:translateY(-2px);box-shadow:0 7px #0c171d}.workspace{grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);align-items:start;gap:20px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px}.composer,.preview{padding:clamp(22px,3vw,34px)}.preview{position:sticky;top:20px}.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:-.045em;margin:5px 0 0;font-size:clamp(1.3rem,2vw,1.55rem)}.kicker{color:#638075;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.67rem;font-weight:800}.status-badge{color:#4f6e37;letter-spacing:.07em;text-transform:uppercase;background:#d7ff6b66;border-radius:999px;padding:6px 9px;font-size:.68rem;font-weight:850}.model-row,.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.model-row{margin-bottom:14px}label>span,.control-grid label>span,.model-row label>span,.text-control>span,.prompt-field>span{color:#52636c;letter-spacing:.075em;text-transform:uppercase;margin-bottom:7px;font-size:.7rem;font-weight:800;display:block}select,input[type=url],input[type=number],input[type=text],input[type=password],.text-control input{width:100%;min-height:43px;color:var(--ink);background:#ffffffd1;border:1px solid #17232c29;border-radius:11px;padding:0 12px}select{padding-right:30px}.model-card{background:#ebf2ff94;border:1px solid #2c63d826;border-radius:14px;margin:0 0 21px;padding:14px}.model-card strong{font-size:.9rem}.model-card p{color:#5e707b;margin:8px 0 10px;font-size:.76rem;line-height:1.55}.capability-list{flex-wrap:wrap;gap:5px;display:flex}.capability-list span{background:#fff;padding-block:4px}.prompt-field{margin-bottom:18px;display:block;position:relative}.prompt-field textarea{resize:vertical;width:100%;min-height:142px;color:var(--ink);background:#ffffffe0;border:1px solid #17232c2b;border-radius:15px;padding:15px 16px 30px;line-height:1.62}.prompt-field textarea:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 4px #2c63d817}.prompt-field small{color:#819099;font-size:.67rem;position:absolute;bottom:9px;right:12px}.dialogue-field textarea{min-height:100px}.voice-picker{margin-bottom:10px}.voice-preview{background:#ebf2ff80;border:1px solid #2c63d826;border-radius:12px;gap:7px;margin:0 0 18px;padding:11px 12px;display:grid}.voice-preview span{color:#52636c;font-size:.7rem;font-weight:800}.voice-preview audio{width:100%;height:34px}.voice-error{margin-top:0;margin-bottom:18px}.reference-section{background:#e8f4ef6b;border:1px solid #17232c1a;border-radius:16px;margin:0 0 18px;padding:15px}.reference-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.reference-heading h3{margin:4px 0 0;font-size:.96rem}.reference-heading>span{background:#d7ff6b70;border-radius:999px;padding:4px 7px;font-size:.67rem;font-weight:800}.reference-upload{cursor:pointer;background:#ffffff8c;border:1px dashed #2c63d873;border-radius:12px;align-items:center;gap:11px;min-height:67px;padding:10px 12px;display:flex}.reference-upload input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.reference-upload b{background:var(--lime);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:1.3rem;font-weight:400;display:grid}.reference-upload strong,.reference-upload small{display:block}.reference-upload strong{font-size:.79rem}.reference-upload small{color:#74868b;margin-top:3px;font-size:.66rem}.reference-url{gap:7px;margin-top:8px;display:flex}.reference-url input{flex:1;min-width:0;font-size:.75rem}.reference-url button{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:50px;font-size:.74rem;font-weight:800}.reference-list{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin:11px 0 0;padding:0;list-style:none;display:grid}.reference-list li{border:1px solid var(--line);background:#dbe5e5;border-radius:10px;height:78px;position:relative;overflow:hidden}.reference-list img{object-fit:cover;width:100%;height:100%}.reference-list li>span{color:#fff;background:#0e1c23c7;border-radius:5px;padding:3px 5px;font-size:.55rem;font-weight:900;position:absolute;bottom:4px;left:4px}.reference-list button{color:#fff;background:#0e1c23d1;border:0;border-radius:50%;place-items:center;width:20px;height:20px;line-height:1;display:grid;position:absolute;top:4px;right:4px}.text-control{margin-bottom:16px;display:block}.control-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0}.control-grid input,.control-grid select{min-width:0}.advanced-controls{border:1px solid var(--line);background:#ffffff59;border-radius:13px;margin-top:7px;padding:11px 13px}.advanced-controls summary{color:#52636c;cursor:pointer;font-size:.76rem;font-weight:800}.advanced-controls[open] summary{margin-bottom:13px}.toggle-row{flex-wrap:wrap;gap:15px;display:flex}.toggle-row label{color:#52636c;align-items:center;gap:7px;font-size:.76rem;font-weight:700;display:inline-flex}.toggle-row label span{letter-spacing:0;text-transform:none;margin:0}.form-error{color:#9c392b;background:#ffe1dcb8;border:1px solid #be412f42;border-radius:11px;margin:16px 0 0;padding:11px 13px;font-size:.8rem;line-height:1.45}.generate-button,.download-button,.access-card button{border:1px solid var(--ink);color:#fff;background:var(--night);border-radius:15px;justify-content:space-between;align-items:center;width:100%;min-height:56px;margin-top:20px;padding:0 18px 0 20px;font-weight:800;text-decoration:none;transition:all .15s;display:flex;box-shadow:0 8px #0d1a21}.generate-button:hover:not(:disabled),.download-button:hover,.access-card button:hover{background:#203e4d;transform:translateY(-2px);box-shadow:0 10px #0d1a21}.generate-button b,.download-button b,.access-card button b{font-size:1.35rem;font-weight:400}.preview-frame{background:linear-gradient(145deg,#294754,#101e25);border-radius:18px;place-items:center;min-height:350px;display:grid;position:relative;overflow:hidden}.preview-frame:before{opacity:.3;content:"";background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.preview-frame video,.preview-frame>img{z-index:1;object-fit:contain;background:#0a1419;width:100%;max-height:560px;display:block;position:relative}.preview-image{min-height:410px}.empty-preview{z-index:1;color:#fff;text-align:center;max-width:320px;padding:28px;position:relative}.empty-preview>span{width:64px;height:64px;color:var(--lime);border:1px solid #d7ff6bb3;border-radius:50% 50% 50% 12%;place-items:center;margin:0 auto 17px;font-size:2rem;display:grid}.empty-preview strong{letter-spacing:-.02em;display:block}.empty-preview p{color:#ffffffa6;margin:8px 0 0;font-size:.77rem;line-height:1.55}.status-idle{color:#63747a;background:#72848d24}.status-succeeded{color:#196a62;background:#5bd6c238}.status-failed{color:#9c392b;background:#ff725c2e}.generation-progress{border:1px solid var(--line);background:#ffffff7a;border-radius:14px;margin-top:14px;padding:14px}.progress-copy{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.progress-copy div{align-items:baseline;gap:7px;display:flex}.progress-copy span{color:#6b7b84;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.progress-copy strong{font-size:1.18rem}.progress-copy p{color:#6b7b84;margin:0;font-size:.7rem}.progress-track{background:#dce3df;border-radius:5px;height:15px;margin-top:11px;position:relative;overflow:hidden}.progress-track>i{border-radius:inherit;background:linear-gradient(90deg, #86c34a, var(--lime));transition:width 1s linear;position:absolute;inset:0 auto 0 0;box-shadow:0 0 18px #97ce4659}.progress-track .tick{background:#17232c2e;width:1px;position:absolute;top:0;bottom:0}.tick-25{left:25%}.tick-50{left:50%}.tick-75{left:75%}.progress-scale{color:#8a969b;justify-content:space-between;margin-top:4px;font-size:.58rem;display:flex}.render-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0 0;display:grid}.render-meta>div{border:1px solid var(--line);background:#ffffff59;border-radius:11px;min-width:0;padding:10px 11px}.render-meta dt{color:#849198;letter-spacing:.1em;font-size:.58rem;font-weight:850}.render-meta dd{color:#43545e;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:.72rem;font-weight:750;overflow:hidden}.download-button{background:#367d77;box-shadow:0 8px #1d514e}.history-panel{margin-top:20px;padding:clamp(20px,3vw,30px)}.compact-heading{align-items:center;margin-bottom:16px}.compact-heading>span{color:#7a898f;font-size:.7rem}.history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.history-list li{border:1px solid var(--line);background:#fff6;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.history-list li>div:first-child{min-width:0}.history-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;display:block;overflow:hidden}.history-list small{color:#7b8a91;margin-top:4px;font-size:.64rem;display:block}.history-meta{color:#6b7b84;flex-direction:column;flex:none;align-items:flex-end;font-size:.62rem;display:flex}.empty-copy{color:#74838b;margin:0;font-size:.82rem}footer{color:#78878d;letter-spacing:.06em;text-transform:uppercase;gap:20px;padding:25px 4px 0;font-size:.68rem;font-weight:750;display:flex}.loading-screen,.access-screen{background:radial-gradient(circle at 20% 10%,#d7ff6b80,transparent 25rem),var(--paper);color:#64747c;place-items:center;min-height:100vh;padding:24px;display:grid}.access-card{text-align:center;width:min(430px,100%);padding:38px}.access-card .brand-mark{margin:0 auto 18px}.access-card h1{letter-spacing:-.06em;margin:7px 0 10px;font-size:2rem}.access-card>p:not(.kicker,.form-error){color:var(--muted);font-size:.85rem;line-height:1.6}.access-card input{margin-top:12px}@media (max-width:960px){.workspace{grid-template-columns:1fr}.preview{position:static}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.studio-shell{padding-inline:13px}.hero{padding-top:44px}.hero h1{font-size:clamp(2.5rem,15vw,4rem)}.kind-tabs,.model-row,.control-grid,.history-list{grid-template-columns:1fr}.preview-frame{min-height:290px}.progress-copy{flex-direction:column;align-items:flex-start}footer{flex-direction:column;gap:5px}}