
:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#edeaf7;background:#0c0c11;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{color:inherit;background:#22212c;border:1px solid #363440;border-radius:9px;padding:10px 14px}button:hover{border-color:#9f87ed}button:disabled{opacity:.45;cursor:not-allowed}a{color:#c9b5ff;text-decoration:none}aside{width:225px;position:fixed;inset:0 auto 0 0;padding:35px 20px;border-right:1px solid #26232f;background:#101016;display:flex;flex-direction:column}.brand{display:flex;gap:12px;font-size:36px;align-items:center;color:#bc9bff}.brand b{font-size:23px;color:#faf8ff;letter-spacing:2px}.brand span{display:block;font-size:9px;letter-spacing:6px;margin-top:5px;color:#97929f}.workspace{font-size:9px;letter-spacing:1.7px;color:#726d81;margin:55px 10px 17px}.nav{width:100%;text-align:start;border:0;background:none;margin:4px 0;padding:14px}.nav.active{background:#292039;color:#d6bdff}.aside-bottom{margin-top:auto;padding:20px 10px;color:#bcb6c9;font-size:12px}.aside-bottom p{font-size:11px;line-height:1.9;color:#7d778c}.tag{font-size:9px;letter-spacing:1.1px;color:#a89bbf;border:1px solid #3c344d;border-radius:5px;padding:6px 8px}main{margin-left:225px;width:calc(100% - 225px)}header{height:82px;border-bottom:1px solid #25222e;padding:0 42px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#c1bbcf}.breadcrumb span{margin:0 14px;color:#625c70}select,input{background:#191820;border:1px solid #37323f;color:#ddd6e9;border-radius:8px;padding:11px;width:100%}header select{width:125px}.intro{padding:43px 0 28px}.eyebrow{font-size:9px;letter-spacing:2px;color:#b79adf}h1{font-size:34px;letter-spacing:-1.1px;font-weight:550;margin:14px 0}p{color:#898394;line-height:1.7}.intro p{font-size:13px;margin:0}.studio{display:grid;grid-template-columns:1.05fr 1fr;gap:25px;align-items:start}#creator,#library{padding:0 42px 32px}.panel{background:#131219;border:1px solid #2a2633;border-radius:14px;overflow:hidden}.tabs{display:flex;padding:8px;background:#17151f;border-bottom:1px solid #2a2633;gap:6px}.tabs button{flex:1;border:0;background:transparent;color:#8d849d;font-size:12px}.tabs .selected{background:#30253e;color:#e2ceff;box-shadow:0 2px 10px #0003}.editor-body{padding:23px}.section-label{display:block;font-weight:550;font-size:12px;margin-bottom:13px}textarea{resize:vertical;width:100%;min-height:150px;background:#0f0f15;border:1px solid #34303f;color:#e8e0f4;border-radius:10px;padding:16px;line-height:1.8;font-size:12px}textarea::placeholder{color:#655f74}.prompt-foot{display:flex;justify-content:space-between;color:#70677f;font-size:9px;margin:10px 0 23px}.assistant-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#241b33,#191622);padding:16px;border:1px solid #3b2c50;border-radius:9px;gap:10px}.assistant-card b{font-size:11px;color:#d5b8fd}.assistant-card p{font-size:10px;margin:5px 0 0}.assistant-card button{font-size:10px;white-space:nowrap;background:#342542;border-color:#513669;color:#d9b6ff}.divider{height:1px;background:#292430;margin:24px 0}.section-heading{display:flex;justify-content:space-between}.section-heading>span{font-size:8px;letter-spacing:1px;color:#645d73}.settings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings label>span{display:block;font-size:10px;color:#9990a9;margin-bottom:8px}.settings select{font-size:11px}.toggle-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:23px}.toggle-row b{font-size:11px;font-weight:500}.toggle-row small{display:block;font-size:9px;color:#7d728d;margin-top:6px}.toggle-row input{width:30px;accent-color:#ad80f2}details{margin:24px 0;font-size:11px;color:#a89bbf}details input{margin-bottom:8px}details p{font-size:10px}#modelFields label{display:block;margin-top:12px}#modelFields input,#modelFields select{margin-top:6px}#notice{font-size:10px;color:#c5a5ef;margin:18px 0;line-height:1.6}.generate{width:100%;background:linear-gradient(110deg,#a77ae7,#8054d1);border:1px solid #b489f4;color:white;font-weight:600;padding:15px}.fineprint{text-align:center;font-size:9px;margin-bottom:0}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px;font-size:12px}.canvas{margin:0 16px;min-height:395px;display:grid;place-items:center;text-align:center;border:1px solid #272332;border-radius:9px;background:radial-gradient(ellipse at 50% 46%,#271c3c 0, #14101e 46%,#0e0d14 85%);position:relative;overflow:hidden}.canvas:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#b999ed04 1px,transparent 1px),linear-gradient(90deg,#b999ed04 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.orb{width:88px;height:88px;border-radius:50%;margin:0 auto 28px;background:radial-gradient(circle at 35% 25%,#d6baff,#9664d9 38%,#4f2a79 68%,#21122e);box-shadow:0 0 55px #9969dd33,inset 0 0 12px #dec1ff55;display:grid;place-items:center}.orb span{font-size:28px;color:#efe4ff}.orb.small{width:30px;height:30px;margin:0 0 18px}h2{font-size:23px;line-height:1.5;font-weight:500;letter-spacing:-.5px}.canvas p{font-size:11px;color:#8d7fa1;line-height:1.9}.pills{display:flex;gap:9px;justify-content:center;margin-top:27px}.pills span{font-size:7px;letter-spacing:1px;border:1px solid #3b2d4c;border-radius:4px;padding:6px 9px;color:#9d87b6}.preview-footer{padding:20px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8d819f}.tip{border-top:1px solid #292330;padding:22px;display:flex;gap:14px}.tip>span{font-size:22px;color:#b89ddd}.tip b{font-size:10px;font-weight:500}.tip p{font-size:10px;margin:5px 0 0}.upload{display:block;padding:25px;border:1px dashed #68517e;border-radius:9px;text-align:center;margin-bottom:18px;cursor:pointer;color:#c6a7ec}.upload small{display:block;font-size:10px;margin-top:10px}#imagePreview{max-width:100%;max-height:180px;border-radius:8px}video{width:100%;max-height:490px;z-index:1}.project{padding:20px;border:1px solid #322a40;border-radius:10px;margin:14px 0}.project p{white-space:pre-wrap}footer{border-top:1px solid #24212b;margin:0 42px;padding:23px 0;color:#6e637d;font-size:9px;letter-spacing:2px}footer span{float:right;letter-spacing:0}html[dir=rtl] aside{left:auto;right:0}html[dir=rtl] main{margin-left:0;margin-right:225px}[hidden]{display:none!important}:focus-visible{outline:2px solid #c5a1ff;outline-offset:3px}@media(min-width:1500px){#creator,#library{max-width:1450px;margin:auto}.canvas{min-height:480px}}@media(max-width:1050px){aside{width:180px}main{margin-left:180px;width:calc(100% - 180px)}.studio{grid-template-columns:1fr}header,#creator,#library{padding-left:24px;padding-right:24px}.intro h1{font-size:28px}.canvas{min-height:330px}}@media(max-width:600px){aside{position:static;width:100%;height:auto;padding:16px;flex-direction:row;align-items:center;gap:12px;border-right:0;border-bottom:1px solid #292330}.brand{font-size:25px}.brand b{font-size:16px}.brand span{font-size:7px;letter-spacing:3px}.workspace,.aside-bottom{display:none}.nav{width:auto;font-size:10px;padding:10px}.nav span{white-space:nowrap}body{display:block}main{margin:0;width:100%}header{height:65px}.breadcrumb{font-size:10px}.intro{padding-top:28px}.intro h1{font-size:27px}.intro p{font-size:11px}.editor-body{padding:17px}.assistant-card{flex-wrap:wrap}.section-heading>span{display:none}html[dir=rtl] main{margin:0}footer{margin:0 24px}}

.auth-panel{margin:25px 42px;padding:25px;max-width:600px}.auth-panel label{display:block;margin:15px 0}.auth-panel input{margin-top:8px}.auth-panel button{margin:4px}header{gap:15px}#accountName{font-size:11px}

.script-panel,.background-settings{margin-top:18px;padding:15px;border:1px solid #383041;border-radius:9px}.script-panel label,.background-settings>label{font-size:11px}.script-panel select,.background-settings select{margin:8px 0 12px}.script-panel small{display:block;margin-top:10px;color:#9b8cae;font-size:10px}.background-settings p{font-size:10px}#transparentPreview{width:100%;height:auto;position:relative;background:repeating-conic-gradient(#bbb 0% 25%,#eee 0% 50%) 50% / 20px 20px}.preview-footer{flex-wrap:wrap;gap:10px}

#previousPartText{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;font:inherit}#nextDirection{min-height:90px}#previousPartPanel{grid-column:1/-1}

#billing{padding:32px;margin:32px 0} .plan-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:24px 0}.plan-card{border:1px solid var(--border,#383342);border-radius:16px;padding:24px}.plan-card button{margin-top:20px}#billingStatus{padding:16px 0}@media(max-width:800px){.plan-list{grid-template-columns:1fr}}

.admin-site #creator,.admin-site #library,.admin-site #billing,.admin-site #createNav,.admin-site #projectsNav,.admin-site #billingNav,.admin-site .aside-bottom{display:none!important}#adminOverview{overflow:auto}#adminOverview table{width:100%;border-collapse:collapse}#adminOverview th,#adminOverview td{text-align:left;padding:12px;border-bottom:1px solid #ddd}
.scene-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.scene-actions button{flex:1;min-width:145px}.script-panel h3{margin:0 0 8px;font-size:14px}.script-panel>p{font-size:12px;line-height:1.6;color:#b8aec7}.script-panel #scriptGenerate{background:#7241b1;border-color:#9a62db}.script-panel #helpNext{border-color:#9a62db;color:#e4c9ff}#sceneWriterStatus{min-height:1.4em}#previousPartText{white-space:pre-wrap;max-height:200px;overflow:auto;font-size:12px}
.privacy-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));z-index:1000;padding:16px 18px;background:#211a2d;border:1px solid #514062;border-radius:14px;box-shadow:0 12px 50px #0008;display:flex;gap:16px;align-items:center}.privacy-banner[hidden]{display:none!important}.privacy-banner b{font-size:13px}.privacy-banner p{font-size:11px;line-height:1.5;color:#c0b7cc;margin:6px 0 0}.privacy-banner p:empty{display:none}.privacy-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;max-width:155px}.privacy-actions button{padding:8px 12px;font-size:11px}#marketingAccept{background:#8050b8;border-color:#a776dd}#emailPreferences{font-size:10px;padding:4px 8px;margin-right:12px;background:transparent;color:#b9a9ca}@media(max-width:600px){.privacy-banner{bottom:12px;display:block}.privacy-actions{margin-top:12px;max-width:none}}
.menu-toggle,.menu-close{display:none}.menu-backdrop{position:fixed;inset:0;z-index:1001;background:#0009;border:0;border-radius:0;padding:0;backdrop-filter:blur(3px)}
@media(max-width:800px){body{display:block}main,html[dir=rtl] main{margin:0;width:100%}#workspaceMenu{position:fixed;inset:0 auto 0 0;width:min(290px,85vw);height:100dvh;z-index:1002;padding:28px 20px;display:flex;flex-direction:column;align-items:stretch;gap:0;border-right:1px solid #3a304b;border-bottom:0;transform:translateX(-100%);visibility:hidden;transition:transform .2s ease,visibility .2s;overflow-y:auto}html[dir=rtl] #workspaceMenu{left:auto;right:0;transform:translateX(100%)}.menu-open #workspaceMenu,html[dir=rtl] .menu-open #workspaceMenu{transform:translateX(0);visibility:visible}.menu-open{overflow:hidden}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:8px;font-size:23px;flex-shrink:0}.menu-close{display:block;position:absolute;top:17px;right:14px;width:36px;height:36px;padding:5px;font-size:18px}.brand{max-width:210px}.workspace{display:block;margin:35px 12px 16px}.nav{width:100%;font-size:13px;padding:14px;margin:4px 0}.aside-bottom{display:block;margin-top:auto}header{min-height:74px;height:auto;padding:14px 18px;gap:12px}.breadcrumb{display:none}header>div{flex:1;min-width:0;font-size:11px}header select{width:105px;flex-shrink:0}#walletBalance{display:inline-block}#logout{font-size:10px;padding:5px 8px}.auth-panel{margin:22px 24px;padding:20px}}
@media(prefers-reduced-motion:reduce){#workspaceMenu{transition:none}}
.file-tool-panel{margin:28px 42px;padding:28px;max-width:1100px}.file-tool-heading h1{margin-top:8px}.file-tool-panel .upload input{display:block;margin-top:16px}.file-preview{min-height:180px;border:1px solid #3b3248;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:18px 0}.file-preview:empty{display:none}.file-preview>img,.file-preview>video{max-width:100%;max-height:480px;object-fit:contain}.file-preview>canvas,.file-preview>svg{max-width:100%;max-height:480px}.checkerboard{background:repeating-conic-gradient(#292532 0% 25%,#1b1822 0% 50%) 50% / 24px 24px}.erase-canvas{width:min(400px,100%);height:auto;touch-action:none;border:1px solid #80659a;border-radius:10px;cursor:crosshair}.file-tool-panel label{display:block;margin:14px 0;font-size:12px}.file-tool-panel label select,.file-tool-panel label input{margin-top:8px}.file-tool-panel button{margin:6px 6px 6px 0}#generationToolOptions{padding:18px;margin:0 0 20px;border:1px solid #4a365d;border-radius:12px;background:#20172a}#generationToolOptions p{font-size:11px}#generationToolOptions>label{display:block;margin:14px 0;font-size:12px}#generationToolOptions textarea{min-height:70px}#workspaceMenu{overflow-y:auto}.aside-bottom{padding-top:28px}.admin-site [data-tool],.admin-site #fileToolPanel{display:none!important}@media(max-width:800px){.file-tool-panel{margin:22px 24px;padding:20px}#workspaceMenu .aside-bottom{display:none}#workspaceMenu .workspace{margin-top:22px}#workspaceMenu .nav{padding:10px 14px;margin:2px 0}}

aside{overflow-y:auto}.file-preview>div{max-width:100%}.file-preview canvas,.file-preview svg{max-width:100%;max-height:65vh}.file-preview:fullscreen{background:#17151f;padding:25px}
.file-preview:has(>select){flex-direction:column;padding:15px;gap:10px}
