:root{--navy:#0a1a2c;--navy2:#12273e;--orange:#ff933b;--ink:#e8eef7;--muted:#9caec3;--stroke:#26384c;--page:#091728}
body{background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{min-height:44px}.btn.sm{min-height:40px}button:focus-visible,a:focus-visible{outline:3px solid #ffba70;outline-offset:3px}button[hidden]{display:none!important}.sidebar{position:sticky;top:0;height:100dvh;width:216px;padding:28px 14px;background:#0d1e31;border-right:1px solid #233348;gap:36px}.brand{margin:0 9px;text-decoration:none;gap:10px}.brand strong{font-size:17px;letter-spacing:1px}.brand small{font-size:8px;letter-spacing:1.3px;margin-top:5px}.wordmark{font-size:23px;font-weight:950;letter-spacing:-1px;line-height:.9;color:white}.wordmark span{display:block;color:var(--orange);font-size:21px;line-height:.6;letter-spacing:0}.nav{gap:7px}.nav button{font-size:12px;font-weight:650;min-height:48px}.nav button.active{background:#1e3349;box-shadow:inset 3px 0 var(--orange)}.nav-icon{font-size:23px;width:25px;color:#91a7bd}.nav .active .nav-icon{color:var(--orange)}.nav-count{margin-left:auto;background:#2c4359;color:#d5e4f4;font-size:10px;border-radius:5px;padding:2px 6px}.side-label{font-size:9px;color:#7f95ac;letter-spacing:1.6px}.side-bottom{background:#13283e;border-color:#284057;color:#a7b9ca;font-size:11px;line-height:1.7}.side-bottom p{margin-top:10px;font-size:11px}.status-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ffa451;margin-right:4px}.side-foot{color:#738aa0;font-size:11px;line-height:1.8;letter-spacing:1.8px;padding:0 10px}.side-foot b{color:#b4c6d9}.top{background:#0c1b2d;height:80px;border-bottom-color:var(--stroke);padding:0 28px}.top h1{font-size:19px;margin-top:5px}.overline{font-size:9px;color:#8fa3ba;letter-spacing:1.5px}.save-status{font-size:11px;color:#95c4af;display:flex;align-items:center;gap:6px}.save-status:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}.save-status.error{color:#ff9292}.main{padding:27px 28px 30px;max-width:1750px}.welcome{margin-bottom:23px}.welcome h2{font-size:27px;font-weight:750;letter-spacing:-1px}.welcome p{font-size:12px;color:#a0b3c9;max-width:590px;line-height:1.7}.tag.orange{background:#243345;color:#ffae66;border:1px solid #4b4139;font-size:9px;border-radius:5px;letter-spacing:.7px}.panel{background:#102236;border:1px solid #2c3f54;box-shadow:none;border-radius:12px}.panel-head{padding:14px 17px;border-bottom:1px solid #293c51}.panel-head h3{font-size:12px;font-weight:650;color:#d5e3f1}.panel-body{padding:16px}.btn{border-color:#3b526a;color:#d8e6f3;background:#193047;border-radius:7px;min-height:42px;font-size:12px;font-weight:650}.btn:hover{background:#253e56;border-color:#7b91a6}.btn.primary{color:#162337;background:#ff983f;border-color:#ff983f}.btn.primary:hover{background:#ffb068}.btn.dark{background:#233d56;border-color:#3e5c76}.field{color:#eef4fa;background:#0d1d2f;border-color:#3c5066;border-radius:6px;font-size:12px;padding:10px}.field::placeholder{color:#849ab0}.field:disabled{opacity:.55}.label{font-size:9px;letter-spacing:1px;color:#9db2c7}.pill{color:#c8d9e9;background:#263e55}.ed-row{gap:10px}.ed-actions{gap:7px}.ed-toolbar .label{color:#91a9c0}.ed-toolbar .field{min-width:160px;max-width:330px}.creator-main{grid-template-columns:minmax(0,1fr) 278px;gap:16px}.ed-aside{display:grid;gap:14px}.ed-toolstrip{background:transparent;border:0;padding:0;margin-bottom:9px;gap:6px}.ed-toolstrip .btn.active-tool{background:#374432;color:#ffc184;border-color:#bb864c}.ed-muted,.ed-mode-help,.ed-help{color:#9fb5ca}.ed-mode-help{font-size:10px;flex-basis:100%;margin:2px 0 0}.ed-step-list{gap:7px;padding:0 0 12px}.ed-step{min-width:122px;max-width:172px;background:#132d45;border:1px solid #3a5066;color:#cedce9;min-height:50px;border-radius:7px}.ed-step strong{font-size:10px;letter-spacing:1px}.ed-step span{color:#9eb4c7;font-size:10px;margin-top:3px}.ed-step.on{background:#493624;border-color:#ffa34b;box-shadow:none;color:#ffc185}.ed-step.on span{color:#d0b89d}.ed-ice{background:#f5fbff;border-color:#51718b;border-radius:9px;touch-action:none;user-select:none}.ed-ice svg{height:auto;max-height:none;display:block}.ed-ice:fullscreen{background:#eaf5fc;display:flex;align-items:center;justify-content:center}.ed-ice:fullscreen #edSvg{height:100%;width:100%;display:grid;place-items:center}.ed-ice:fullscreen svg{height:100%;width:100%;max-height:100dvh}.ed-legend{font-size:9px;color:#91a8bc;justify-content:flex-start;gap:13px;margin:10px 0}.ed-timeline{background:#0c1d30;border:1px solid #2d4259;border-radius:9px;padding:12px}.ed-transport{gap:8px}.ed-transport .btn{min-height:40px}.ed-pct{font-size:11px;color:#b5c9dc;margin-left:auto;font-variant-numeric:tabular-nums}.ed-time-labels{color:#8fa6bd;font-size:8px;letter-spacing:.6px}.ed-tip{background:#182f44;color:#b2c7db;border:0;border-left:2px solid #ff9d4c;font-size:11px;line-height:1.7;margin-top:14px;padding:12px}.ed-tip b{color:#d8e6f4}.ed-footer{gap:7px;padding-top:14px;margin-top:15px;border-top:1px solid #30465a;grid-template-columns:repeat(3,minmax(0,1fr))}.ed-footer .btn{font-size:10px}.ed-help{font-size:11px;line-height:1.6;margin-bottom:0}.ed-error{color:#ffb1a8}.ed-input-row .pos{color:#ffa65c;background:#233c52}.ed-input-row .field{padding:7px 6px}.ed-input-row input{min-height:36px}.ed-input-row .hide{min-width:20px;min-height:20px;accent-color:var(--orange)}.notice{background:#152b40;border-color:#38516b;color:#a5bed4;font-size:10px;line-height:1.7}.notice b{color:#e1ecf6}.footer{font-size:8px;letter-spacing:1.6px;color:#71889f;padding-top:30px}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.play-card{background:#14293f;border:1px solid #3b536c;border-radius:12px;padding:0;overflow:hidden;text-align:left;color:#e8f1fa}.play-card:hover{border-color:#ff9d4c;transform:translateY(-2px)}.play-thumb{background:#eaf5fc;padding:12px}.play-thumb svg{width:100%}.play-meta{padding:18px}.play-meta small{font-size:9px;color:#f6ad6c;letter-spacing:1.2px}.play-meta strong{display:block;margin-top:8px;font-size:16px}.play-meta p{font-size:12px;color:#a3b7ca;line-height:1.6}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-no{font-size:31px;color:#ffa24f;font-weight:800}.guide-grid h3{font-size:17px}.guide-grid p,.guide-install p{font-size:13px;color:#abc0d4;line-height:1.8}.guide-install{margin-top:16px;max-width:920px}.guide-install h3{margin-top:24px}.guide-install h3:first-child{margin-top:0}.range{min-height:30px}textarea{line-height:1.6}#edScenes{width:min(330px,100%)}
@media(min-width:1600px){.creator-main{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1180px){.sidebar{width:185px;padding-left:10px;padding-right:10px}.brand strong{font-size:14px}.brand small{font-size:6.5px}.main{padding:22px 20px}.creator-main{grid-template-columns:1fr}.ed-aside{grid-template-columns:1fr 1fr}.ed-aside .panel:first-child{grid-row:auto}.ed-aside .panel:last-child{grid-column:1/-1}.ed-names{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.guide-grid{grid-template-columns:1fr}.scene-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.app{display:block}.sidebar{height:auto;width:100%;padding:12px 14px;position:relative;flex-direction:row;align-items:center;gap:15px;border-right:0;border-bottom:1px solid #2e4258}.brand{margin:0;gap:8px}.brand strong{font-size:14px}.brand small{display:none}.wordmark{font-size:18px}.wordmark span{font-size:17px}.sidebar>div:nth-child(2){min-width:0;flex:1}.side-label,.side-bottom,.side-foot{display:none}.nav{display:flex;justify-content:flex-end;gap:5px}.nav button{width:auto;min-width:44px;min-height:44px;padding:8px;font-size:0;gap:0}.nav-icon{width:25px;font-size:23px}.nav-count{display:none}.nav button.active{box-shadow:inset 0 -2px var(--orange);background:#23394f}.top{padding:12px 15px;height:auto;min-height:70px;gap:10px}.top h1{font-size:18px}.overline{font-size:8px;letter-spacing:.9px}.topright{flex-direction:column;align-items:flex-end;gap:6px}.save-status{font-size:9px}.topright .btn{font-size:9px;padding:7px;min-height:34px}.main{padding:20px 12px 24px}.welcome{align-items:flex-start;gap:9px;margin-bottom:18px}.welcome h2{font-size:24px}.welcome p{font-size:11px}.welcome .tag{display:none}.panel-body{padding:12px}.panel-head{padding:12px}.panel-head .btn{font-size:9px;padding:6px;min-height:35px}.ed-toolbar{width:100%;flex-direction:column;align-items:stretch}.ed-toolbar .label{margin-bottom:6px!important}#edScenes{width:100%;max-width:none}.ed-actions{width:100%;justify-content:flex-end}.ed-actions .btn{flex:1}.ed-step{min-width:115px}.ed-toolstrip>.ed-muted{display:none}.ed-toolstrip .btn{font-size:10px;padding:7px;min-height:42px}.ed-legend{gap:8px;flex-wrap:wrap}.ed-legend span:last-child{display:none}.ed-aside{grid-template-columns:1fr}.ed-aside .panel:last-child{grid-column:auto}.ed-names{display:block}.ed-transport .btn{flex:1}.ed-transport label{font-size:10px}.ed-pct{font-size:10px}.ed-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.ed-time-labels span:nth-child(2){display:none}.ed-row .btn{font-size:11px}.scene-grid{grid-template-columns:1fr}.ed-ice svg[viewBox="0 0 490 1000"]{max-height:78dvh;width:100%}.ed-ice svg[viewBox="0 0 490 1000"] text{font-weight:900}.guide-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}