:root{--bg:#101211;--panel:#191c1a;--line:#303631;--text:#e8ede7;--muted:#929c93;--accent:#b8e5c3;--orange:#d6a874}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:9px 13px;background:#242a25;color:var(--text)}button:hover{filter:brightness(1.14)}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--accent);color:#183323;border:0;font-weight:650}button.subtle{background:transparent}input,textarea,select{width:100%;background:#111512;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:9px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical}label{display:block;font-size:12px;color:#b5bfb6;margin:12px 0}label input,label textarea,label select{display:block;margin-top:6px}input[type=range]{accent-color:var(--accent);padding:0}.brand{font-size:24px;font-weight:750;letter-spacing:-1.4px}.brand span{font-size:12px;color:var(--accent);margin-left:3px}.muted{color:var(--muted)}.hint{font-size:11px;line-height:1.6}.grow{flex:1}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}[hidden]{display:none!important}header{height:70px;display:flex;align-items:center;gap:18px;padding:0 24px;border-bottom:1px solid var(--line)}header select{width:230px;background:transparent}.separator{height:23px;border-left:1px solid var(--line)}main{display:grid;grid-template-columns:210px minmax(340px,1fr) 330px;min-height:480px;height:calc(100vh - 300px)}.scene-panel{border-right:1px solid var(--line);padding:18px 12px;overflow:auto}.panel-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:#c0c9c0;font-weight:650}.badge{background:#2e3930;padding:2px 7px;border-radius:5px;color:var(--accent)}.scene-panel .hint{margin:6px 3px 18px}.scene-card{width:100%;display:flex;align-items:center;text-align:left;gap:11px;margin:7px 0;background:#181e19;border:1px solid transparent;padding:12px 9px}.scene-card.active{border-color:#799b80;background:#253228}.scene-num{font:16px ui-monospace,monospace;color:#a8b8aa}.scene-card strong{font-size:12px;display:block;font-weight:550}.scene-card small{font-size:10px;color:var(--muted)}.scene-mode{width:5px;height:28px;border-radius:3px;background:#5c8567}.scene-mode.performance{background:var(--orange)}.workspace{padding:20px 26px;overflow:auto;min-width:0}.viewer-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:14px}.viewer-top .muted{font-size:9px;letter-spacing:1.6px}.viewer{position:relative;background:#080b09;border:1px solid #2a312b;border-radius:10px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;max-height:calc(100vh - 490px);min-height:200px}.viewer img,.viewer video{height:100%;width:100%;object-fit:contain}.viewer h2{font-size:18px;font-weight:500}.viewer p{font-size:12px;color:var(--muted)}#emptyPreview{text-align:center}.frame-symbol{font-size:42px;color:#67836e}.preview-tag{position:absolute;left:12px;bottom:10px;background:#111b13d9;border-radius:4px;padding:4px 8px;font-size:10px;color:var(--accent)}.player{display:flex;align-items:center;gap:12px;margin:14px 0 24px;font:12px ui-monospace,monospace}.player .play{border-radius:50%;background:var(--accent);color:#17311f;width:35px;height:35px;padding:0}.player input{flex:1;min-width:50px}.takes-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.takes-head .muted{letter-spacing:0}.takes{display:flex;gap:8px;padding-top:12px;overflow:auto}.take{min-width:145px;max-width:220px;background:#1d241e;padding:10px;border:1px solid var(--line);border-radius:6px;text-align:left;font-size:11px}.take.selected{border-color:var(--accent)}.take small{display:block;color:var(--muted);margin-top:4px}.take-action{display:block;color:var(--accent);margin-top:5px}.inspector{border-left:1px solid var(--line);padding:18px;overflow:auto;background:#171b18}.inspector .panel-title{margin-bottom:20px}.upload-label{cursor:pointer;text-align:center;border:1px dashed #465649;border-radius:5px;padding:9px;color:var(--accent)}details{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}summary{cursor:pointer;color:#b3c1b5;font-size:12px}.generate-area{margin-top:20px;border-top:1px solid var(--line);padding-top:8px}.generate-area button{width:100%}.timeline{border-top:1px solid var(--line);height:230px;background:#151a16;padding:0 24px}.timeline-toolbar{height:43px;display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:1px}.zoom{margin:0;display:flex;align-items:center;gap:10px;letter-spacing:0}.zoom input{width:100px}.track-scroll{overflow:auto;height:151px}.track{position:relative;min-width:100%;height:143px}.ruler{height:25px;position:relative;color:var(--muted);font:10px ui-monospace,monospace;border-bottom:1px solid #303830}.ruler span{position:absolute;border-left:1px solid #465047;padding-left:6px}.clips{height:48px;position:relative;margin:7px 0}.clip{position:absolute;height:44px;background:#304b37;border:1px solid #4a6b53;border-radius:5px;overflow:hidden;cursor:pointer;padding:6px;font-size:10px;white-space:nowrap}.clip.performance{background:#5b4734;border-color:#8e6f4d}.clip.storyboard{background:#3a3d59}.clip.selected{outline:2px solid var(--accent);outline-offset:1px}.clip small{display:block;opacity:.6;font-size:9px;overflow:hidden}.clip .edge{position:absolute;right:0;top:0;height:100%;width:9px;cursor:ew-resize;background:#ffffff12}#waveform{display:block;width:100%;height:56px;background:#1b2920;border-radius:4px;cursor:crosshair}.cursor{position:absolute;top:0;bottom:0;width:1px;background:#f0c79a;pointer-events:none;z-index:5}.cursor:before{content:'';position:absolute;top:0;left:-4px;border:4px solid transparent;border-top-color:#f0c79a}.timeline-foot{display:flex;justify-content:space-between;font-size:10px;margin-top:10px;color:var(--accent)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#d0e7d4;color:#122018;padding:14px 22px;border-radius:8px;z-index:50;box-shadow:0 8px 40px #0008;max-width:80vw}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-card{padding:9vh 8vw}.eyebrow{font-size:11px;letter-spacing:4px;color:var(--accent);margin-top:11vh}.login h1{font-size:clamp(34px,4vw,62px);line-height:1.12;font-weight:450;letter-spacing:-2px}.login form{max-width:340px;margin-top:40px}.login form button{width:100%;margin-top:12px}.login-art{background:radial-gradient(ellipse at 50% 60%,#53634a,#1b2a20 55%,#111b15);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.orbit{width:65%;aspect-ratio:1;border-radius:50%;border:1px solid #a7c49b66;box-shadow:0 0 0 45px #9db89410,0 0 0 90px #9db89408,0 0 0 135px #9db89406;background:repeating-linear-gradient(90deg,transparent 0 7px,#b8d8ac09 7px 9px)}.login-art span{position:absolute;bottom:8vh;letter-spacing:3px;color:#b2c2ac;font-size:11px}dialog{max-width:540px;width:90vw;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:28px}dialog::backdrop{background:#000a}dialog h2{font-weight:500;margin-top:0}#loginError{color:#e7a88e}@media(min-width:1700px){main{grid-template-columns:240px 1fr 370px}.workspace{padding:22px 50px}}@media(max-width:1000px){main{grid-template-columns:145px 1fr 285px}.workspace{padding:16px}.viewer{min-height:170px}.scene-card{padding:8px 4px;gap:6px}header{gap:10px;padding:0 14px}header select{width:170px}.scene-num{font-size:12px}}@media(max-width:760px){header{flex-wrap:wrap;height:auto;padding:12px}.separator,#export,#saveStatus{display:none}main{height:auto;display:flex;flex-wrap:wrap}.scene-panel{width:100%;max-height:140px;border-bottom:1px solid var(--line)}#sceneList{display:flex;gap:6px;overflow:auto}.scene-card{min-width:130px}.scene-panel .hint{display:none}.workspace,.inspector{width:100%}.viewer{max-height:none}.inspector{border-top:1px solid var(--line)}.timeline{padding:0 12px}.timeline-foot .muted{display:none}.login{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:8vh 9vw}.eyebrow{margin-top:8vh}.timeline-toolbar{gap:8px}#timelineInfo{display:none}}