:root{color-scheme:dark;--bg:#0b0e14;--panel:#151920;--panel2:#1b2028;--line:#2a2e39;--text:#f0f2f5;--sub:#9299a9;--muted:#697281;--accent:#bd9dff;--accent2:#90f0da;--radius:18px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',system-ui,-apple-system,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh;max-width:2100px;margin:auto}
.sidebar{width:244px;flex-shrink:0;border-right:1px solid #242832;background:#10141b;min-height:100vh;padding:28px 18px 23px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:11px;padding:0 14px 39px}.logo-mark{background:#a989e8;color:#10111b;font:900 22px Manrope;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;position:relative}.logo-mark span{position:absolute;font-size:9px;right:4px;top:2px}.logo strong{display:block;font:800 18px Manrope,system-ui,sans-serif;letter-spacing:2px;line-height:1.2}.logo small{font-size:9px;letter-spacing:1.6px;color:#9a93b1}.navgroup{margin-bottom:29px}.group-label{font-size:10px;letter-spacing:1.9px;color:#727987;padding:0 13px 12px;font-weight:800}.navitem{display:flex;gap:12px;align-items:center;width:100%;border:0;background:none;color:#a6afbd;text-align:left;padding:13px 14px;border-radius:11px;font-weight:700}.navitem:hover,.navitem.active{background:#222532;color:#ede8ff}.navitem.active{box-shadow:inset 3px 0 #bc9aff}.navicon{font-size:17px;color:#b4a6d2}.navright{margin-left:auto;color:#8c829c;font-size:10px}.projects{max-height:270px;overflow-y:auto}.projects .navitem{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-project{display:flex;gap:8px;align-items:center;width:100%;padding:13px 14px;color:#b3a2d6;background:none;border:1px dashed #403b55;border-radius:10px;margin-top:12px;font-weight:700}.new-project:hover{border-color:#bf9afa}.new-project span{font-size:20px}.side-bottom{margin-top:auto;border-top:1px solid #29303a;padding:22px 12px 0}.side-bottom p{font-size:11px;color:#7d8391}.side-bottom a{font-size:12px;color:#b9a3ff}.offline-badge{display:flex;gap:9px;align-items:center;color:#a4adbd;font-size:11px}.pulse,.dot,.statusdot{width:7px;height:7px;border-radius:100%;background:#e6b86f;display:inline-block;box-shadow:0 0 10px #e6b86f55}.pulse.on,.statusdot.on{background:#82e8be;box-shadow:0 0 10px #82e8be66}
.main{flex:1;min-width:0}.topbar{height:76px;padding:0 43px;border-bottom:1px solid #222831;display:flex;align-items:center;justify-content:space-between}.top-left{display:flex;gap:12px;font-size:12px;align-items:center}.crumb{color:#7c8596}.separator{color:#3f4550}.top-left strong{color:#d6d9e0}.top-actions{display:flex;gap:17px;align-items:center}.environment{font-size:10px;letter-spacing:1.2px;font-weight:800;color:#8395ac}.keybtn{background:none;border:none;color:#adb5c2;font-size:12px}.primary{background:linear-gradient(110deg,#ad8bef,#c4a6ff);color:#1a1424;border:0;border-radius:11px;padding:13px 18px;font-weight:800;box-shadow:0 7px 25px #bb9dff17}.primary:hover{filter:brightness(1.08)}.primary.small{font-size:12px}.content{padding:34px 43px 25px;max-width:1650px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:31px}.eyebrow{font-weight:800;color:#aca1d6;font-size:10px;letter-spacing:2.25px;display:flex;align-items:center;gap:9px}.dot{background:#caa3ff;width:5px;height:5px;box-shadow:0 0 9px #bb9bff}.page-heading h1{font:800 clamp(25px,2.9vw,37px) Manrope,sans-serif;letter-spacing:-1.45px;margin:13px 0 9px}.accent{color:var(--accent)}.page-heading p{color:#9ba4b2;font-size:13px;margin:0}.version{font-size:10px;letter-spacing:1.5px;color:#82889a;white-space:nowrap}.version span{color:var(--accent)}.grid-content{display:grid;grid-template-columns:minmax(360px,1.12fr) minmax(330px,.9fr);gap:22px;align-items:start}.workspace-panel,.preview-panel{background:linear-gradient(155deg,#171b23,#13171d);border:1px solid #2b2e36;border-radius:18px;padding:28px;min-width:0}.panel-heading,.preview-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.panel-heading h2,.preview-header h2{font:800 18px Manrope,system-ui,sans-serif;margin:6px 0 0;letter-spacing:-.3px}.step-label{font-size:9px;color:#a99ac8;letter-spacing:1.8px;font-weight:800}.status-tag{color:#ada9b9;background:#272731;border-radius:30px;padding:7px 10px;font-size:10px}.formrow{margin-bottom:18px}.formrow label{color:#a9acb8;display:block;font-size:10px;letter-spacing:1.25px;font-weight:800;margin-bottom:10px}input[type=text],textarea{width:100%;background:#0e1219;color:#f3f4f5;border:1px solid #2b303b;border-radius:10px;padding:13px 14px;outline:0;transition:border-color .18s}input:focus,textarea:focus{border-color:#a783e2}textarea{resize:vertical;min-height:135px;line-height:1.58}.labelrow{display:flex;justify-content:space-between;align-items:center}.charcount{font-size:10px;color:#687382}.inline-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.secondary,.ghost{border:1px solid #3d4250;border-radius:10px;padding:11px 15px;background:#252a35;color:#ecedf4;font-size:12px;font-weight:700}.ghost{border-color:transparent;color:#bba6ff;background:transparent}.ghost:hover{background:#2c263c}.fieldnote{font-size:11px;color:#818997;margin:13px 0 0;line-height:1.5}.line{height:1px;background:#2b303a;margin:27px 0 23px}.panel-heading.compact{margin-bottom:17px}.drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dropzone{border:1px dashed #45455a;background:#141821;display:flex;align-items:center;justify-content:center;min-height:154px;flex-direction:column;border-radius:12px;gap:5px;text-align:center;padding:14px;cursor:pointer;transition:background .2s,border-color .2s}.dropzone:hover,.dropzone.loaded{border-color:#b39ced;background:#201d2c}.dropicon{font-size:25px;color:#b9a1ef;margin-bottom:3px}.dropzone strong{font-size:12px}.dropzone small{font-size:10px;color:#7e8698}.pick-label{font-size:10px;font-weight:800;color:#c4b3ff;margin-top:7px}.engine-options{display:grid;gap:9px}.engine{display:flex;align-items:center;gap:11px;border:1px solid #323640;border-radius:11px;padding:14px;background:#12161e;cursor:pointer}.engine.selected{border-color:#ab89ef;background:#211c2c}.engine.unavailable{opacity:.55;cursor:not-allowed}.engine input{accent-color:#ad8ae5;margin:0}.engine-info{flex:1}.engine strong{font-size:12px}.engine p{font-size:10px;margin:5px 0 0;color:#9296a6}.engine-type{font-size:9px;padding:5px 7px;background:#303345;border-radius:5px;color:#adbbd0;font-weight:700}.note-warning{font-size:11px;line-height:1.55;color:#cdb9a8;background:#272119;border:1px solid #44352a;border-radius:10px;padding:11px 13px;margin-top:13px}.bottom-actions{display:flex;align-items:center;gap:16px;margin-top:19px;flex-wrap:wrap}.render{min-width:200px;display:flex;justify-content:space-between;gap:20px}.tiny{font-size:11px;color:#818b9a}.live-indicator{font-size:9px;color:#a0dfc5;letter-spacing:1px}.stage{aspect-ratio:4/4.45;background:radial-gradient(ellipse at 65% 20%,#34404b 0%,#19232e 40%,#0b1018 87%);border:1px solid #35404a;border-radius:12px;display:flex;position:relative;align-items:center;justify-content:center;overflow:hidden;max-height:470px}.stage-glow{width:230px;height:230px;background:#c2a8ff;filter:blur(110px);opacity:.14;position:absolute;top:8%;right:-14%}.stage-inner{position:relative;z-index:1;text-align:center;padding:20px}.stage-inner strong{display:block;margin-top:13px;font:700 15px Manrope,system-ui,sans-serif}.stage-inner small{display:block;color:#9b9faa;font-size:11px;line-height:1.5;margin-top:7px}.preview-shape{height:185px;width:185px;position:relative;margin:auto;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #7e7e9970;border-radius:50%;inset:17px}.orbit-one{transform:rotate(45deg) scaleX(.63)}.orbit-two{transform:rotate(-45deg) scaleX(.65)}.playmark{width:85px;height:85px;background:linear-gradient(150deg,#aa90d3aa,#424f65aa);border:1px solid #d4c5ec5d;border-radius:25px;display:grid;place-items:center;font-size:22px;backdrop-filter:blur(8px);color:#f5ebff;box-shadow:0 14px 80px #c1a4ec22}#videoPreview{width:100%;height:100%;object-fit:contain;background:#0a0e13;position:absolute;inset:0;z-index:2}.stage-corner{position:absolute;bottom:12px;left:14px;color:#c3c4d9;font-size:9px;letter-spacing:1.5px;z-index:3;text-shadow:0 1px 2px #000}.preview-status{display:flex;align-items:center;gap:13px;padding:20px 0;border-bottom:1px solid #2f333e}.preview-status strong{font-size:12px}.preview-status p{margin:5px 0 0;color:#888fa0;font-size:10px}.preview-percent{margin-left:auto;color:#8fa2b4;font-size:10px;letter-spacing:.7px}.statusdot{flex-shrink:0;background:#8c85ae;box-shadow:none}.download{display:block;text-align:center;background:#252e2b;color:#a9f1c7;border:1px solid #427a63;border-radius:11px;font-weight:800;padding:15px;margin-top:19px}.download[hidden]{display:none}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px 0;border-bottom:1px solid #30333c}.info-grid span{display:block;font-size:9px;color:#858d9c;letter-spacing:1.1px;margin-bottom:7px}.info-grid strong{font-size:12px}.realism-note{display:flex;gap:11px;align-items:flex-start;background:#1e222f;border-radius:11px;border:1px solid #323347;margin-top:23px;padding:17px}.realism-note>span{color:#b9a7f3;font-size:17px}.realism-note strong{color:#cbc2e8;font-size:12px}.realism-note p{color:#9195a6;font-size:11px;line-height:1.55;margin:7px 0 0}.footnote{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#697381;margin-top:26px}.toast{opacity:0;pointer-events:none;position:fixed;right:20px;bottom:20px;max-width:390px;background:#303846;color:#fff;padding:16px 20px;box-shadow:0 14px 40px #0009;border:1px solid #535368;border-radius:10px;transition:opacity .2s;z-index:9}.toast.visible{opacity:1}.skeleton{padding:20px;background:#20242c;color:#949baa;border-radius:10px;font-size:12px}.muted{color:#9a9baa}.small{font-size:12px}
@media(max-width:1150px){.sidebar{width:204px;padding-left:10px;padding-right:10px}.content{padding:30px 22px}.topbar{padding:0 22px}.workspace-panel,.preview-panel{padding:21px}.grid-content{grid-template-columns:1.12fr .9fr}}
@media(max-width:920px){.sidebar{width:77px}.logo{padding:0 8px 28px}.logo>div:last-child,.group-label,.navitem:not(.active),.navitem.active:not(.navicon),.projects,.new-project,.side-bottom,.navright{display:none}.sidebar .navitem.active{display:block;font-size:0;text-align:center;padding:10px}.sidebar .navicon{font-size:21px}.top-actions .environment{display:none}.grid-content{grid-template-columns:1fr}.stage{aspect-ratio:16/10;max-height:410px}.preview-panel{order:-1}.preview-shape{height:120px;width:120px}.orbit{inset:5px}.playmark{width:64px;height:64px}}
@media(max-width:600px){.sidebar{display:none}.topbar{height:61px;padding:0 15px}.top-actions{gap:7px}.top-actions .keybtn span{display:none}.topbar .primary{padding:11px;font-size:11px}.content{padding:25px 13px}.page-heading{margin-bottom:21px;align-items:flex-start}.page-heading h1{font-size:27px;letter-spacing:-1px}.page-heading p{font-size:12px;line-height:1.5}.version{display:none}.workspace-panel,.preview-panel{padding:18px;border-radius:15px}.stage{aspect-ratio:4/3}.drop-grid{gap:8px}.dropzone{min-height:143px;padding:8px}.bottom-actions{align-items:stretch}.render{width:100%}.footnote{line-height:1.4;flex-wrap:wrap}}