:root{--bg:#09090b;--bg2:#0c0c0f;--panel:#18181b;--panel2:#27272a;--elev:#3f3f46;--line:#27272a;--line2:#3f3f46;--text:#f4f4f5;--muted:#a1a1aa;--faint:#71717a;--orange:#6366f1;--orangeSoft:#818cf8;--teal:#22d3ee;--violet:#a78bfa;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}button{font-family:inherit;cursor:pointer}.bar{gap:16px;height:54px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:nowrap}.bar,.brand{display:flex;align-items:center}.brand{gap:9px;font-weight:700;letter-spacing:-.01em}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange);flex:none}.brand .sub{font-size:11px;font-weight:400}.brand .link,.brand .sub{font-family:var(--mono);color:var(--muted)}.brand .link{background:none;border:1px solid var(--line);font-size:12px;border-radius:7px;padding:5px 10px}.brand .link:hover{border-color:var(--line2);color:var(--text)}.title-input{background:var(--panel2);border:1px solid var(--line);color:var(--text);font:600 14px var(--sans);border-radius:7px;padding:5px 10px;min-width:160px}.title-input:focus{outline:none;border-color:var(--line2)}.formats{display:flex;gap:6px;margin-left:auto;background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:3px}.fmt{background:none;border:none;color:var(--muted);font-family:var(--mono);font-size:12px;padding:6px 13px;border-radius:6px;text-align:center}.fmt small{display:block;font-size:9px;color:var(--faint);margin-top:1px}.fmt.on{background:var(--elev);color:var(--text)}.fmt.on small{color:var(--muted)}.studio{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main3{flex:1 1}.main3,.rail{display:flex;min-height:0}.rail{width:248px;flex:none;border-right:1px solid var(--line);background:var(--panel);flex-direction:column}.rail-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.scene-list{padding:4px 10px 12px;overflow:auto;display:flex;flex-direction:column;gap:8px}.scene-row{padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);cursor:pointer}.scene-row:hover{border-color:var(--line2)}.scene-row.on{border-color:var(--orange)}.scene-row-top{gap:8px;margin-bottom:7px}.scene-idx,.scene-row-top{display:flex;align-items:center}.scene-idx{width:20px;height:20px;flex:none;border-radius:6px;background:var(--elev);color:var(--muted);font-family:var(--mono);font-size:11px;justify-content:center}.scene-name{flex:1 1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-dur{font-family:var(--mono);font-size:11px;color:var(--muted);flex:none}.badges{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:3px 7px}.badge i{width:7px;height:7px;border-radius:50%;background:var(--faint);flex:none}.badge.ready i{background:var(--teal)}.badge.ready{color:var(--teal);border-color:rgba(84,191,176,.3)}.badge.stale i{background:var(--orange);box-shadow:0 0 6px var(--orange)}.badge.stale{color:var(--orangeSoft);border-color:rgba(238,139,34,.4)}.scene-ops{display:flex;gap:5px;justify-content:flex-end}.op{width:24px;height:24px;border-radius:6px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.op:hover{border-color:var(--line2);color:var(--text)}.op:disabled{opacity:.35;cursor:default}.op.del:hover{border-color:#7a2b2b;color:#ff9a8a}.stage{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:radial-gradient(130% 90% at 50% 0,#101715,#0a0d0c)}.player{max-height:64vh;max-width:100%;border-radius:12px;overflow:hidden;border:1px solid #1e2724;box-shadow:0 24px 70px rgba(0,0,0,.55);background:#000}.export-row{gap:12px;flex-wrap:wrap;justify-content:center}.export-row,.prog{display:flex;align-items:center}.prog{width:min(420px,90%);flex-direction:column;gap:6px}.prog-bar{width:100%;height:8px;background:var(--panel2);border:1px solid var(--line);border-radius:5px;overflow:hidden}.prog-bar i{display:block;height:100%;background:var(--orange);transition:width .25s}.note,.prog-stage{font-family:var(--mono);font-size:11px;color:var(--muted)}.note{max-width:680px;text-align:center;margin:0;line-height:1.5}.panel{width:340px;flex:none;border-left:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0}.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button{flex:1 1;padding:12px;font-family:var(--mono);font-size:12px;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent}.tabs button.on{color:var(--text);border-bottom-color:var(--orange)}.tabbody{padding:16px;overflow:auto;display:flex;flex-direction:column}.hint{font-size:12.5px;color:var(--muted);line-height:1.55;margin:0 0 12px}.hint code{color:var(--teal);font-size:12px}.hint code,.todo{font-family:var(--mono)}.todo{font-size:11px;color:var(--faint);margin:10px 0 0;line-height:1.5}.src-opts{display:flex;flex-direction:column;gap:8px}.gen-box{border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:12px}.warn{color:var(--orangeSoft)}.gen-result{margin-top:10px;font-size:12.5px;color:var(--teal)}.audio-status,.gen-result{display:flex;flex-direction:column;gap:8px}.audio-status{font-family:var(--mono);font-size:12px;color:var(--muted);margin:10px 0}.audio-status .st.ready{color:var(--teal)}.audio-status .st.stale{color:var(--orangeSoft)}.audio-status .st.empty{color:var(--faint)}.audio-status .aud{width:100%;height:34px}.check-row{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text);margin:6px 0 8px;cursor:pointer}.check-row input{width:16px;height:16px;accent-color:var(--orange);cursor:pointer}.img-prev{margin:10px 0;display:flex;flex-direction:column;gap:8px}.img-prev img{width:100%;border-radius:8px;border:1px solid var(--line);max-height:200px;object-fit:cover}.src-block{margin-top:12px;display:flex;flex-direction:column;gap:8px}.src-input{width:100%;background:#070b0a;color:#d6f0e6;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-family:var(--mono);font-size:12px}label.btn{cursor:pointer;margin-top:10px}label.btn.dis{opacity:.5;pointer-events:none}.st.ready{color:var(--teal)}.st.stale{color:var(--orangeSoft)}.st.empty{color:var(--faint)}.ellist{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.elrow{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);cursor:pointer;text-align:left;color:var(--text);font-size:13px;width:100%}.elrow:hover{border-color:var(--line2)}.elrow.on{border-color:var(--orange)}.elrow .cdot{width:8px;height:8px;border-radius:50%;flex:none}.elrow-name{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.elrow-meta{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--muted);flex:none}.insp{gap:14px;border-top:1px solid var(--line);padding-top:14px}.insp,.pos-box{display:flex;flex-direction:column}.pos-box{gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:14px}.pos-label{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.seg-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.seg-cap{font-size:11px;color:var(--faint);width:42px;flex:none}.seg-cap,.segbtn{font-family:var(--mono)}.segbtn{font-size:12px;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:5px 11px;cursor:pointer}.segbtn:hover{border-color:var(--line2);color:var(--text)}.segbtn.on{border-color:var(--orange);color:var(--orange)}.theme-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.theme-chip{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);cursor:pointer}.theme-chip:hover{border-color:var(--line2)}.theme-chip.on{border-color:var(--orange)}.theme-chip .sw{width:14px;height:14px;border-radius:4px;border:1px solid hsla(0,0%,100%,.15)}.theme-chip small{flex-basis:100%;font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:2px}.color-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.color-row label{font-family:var(--mono);font-size:12px;color:var(--muted)}.color-row input[type=color]{width:46px;height:28px;border:1px solid var(--line);border-radius:6px;background:none;cursor:pointer;padding:2px}.ok-msg{color:var(--teal);font-family:var(--mono);font-size:12px;margin-top:8px}.icon-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:5px;gap:5px;max-height:170px;overflow:auto;margin:6px 0 4px;padding:2px}.icon-btn{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid var(--line);border-radius:7px;background:var(--panel2);color:var(--muted);cursor:pointer;font-size:12px}.icon-btn:hover{border-color:var(--line2);color:var(--text)}.icon-btn.on{border-color:var(--orange);color:var(--orange)}.field label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.field select{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-family:var(--mono);font-size:13px}.field input[type=range]{width:100%;accent-color:var(--orange)}.rngval{float:right;font-family:var(--mono);font-size:11px;color:var(--orangeSoft);text-transform:none;letter-spacing:0}.timeline{width:min(900px,100%);background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.tl-head{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}.tl-track{display:flex;gap:6px;height:92px}.tl-scene{position:relative;border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;min-width:40px}.tl-scene.on{border-color:var(--orange)}.tl-lbl{font-family:var(--mono);font-size:10px;color:var(--muted);padding:4px 7px;border-bottom:1px solid var(--line);background:var(--panel2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-lanes{position:relative;flex:1 1}.tl-bar{position:absolute;height:11px;border-radius:3px;cursor:pointer;opacity:.9}.tl-bar:hover{opacity:1}.tl-bar.sel{outline:1.5px solid #fff;opacity:1}.sep{border:none;border-top:1px solid var(--line);margin:18px 0}textarea{width:100%;height:46vh;background:#070b0a;color:#d6f0e6;border:1px solid var(--line);border-radius:8px;padding:12px;font-family:var(--mono);font-size:12px;line-height:1.5;resize:vertical}textarea.short{height:110px}.err{color:#ff9a8a;font-family:var(--mono);font-size:12px;margin-top:8px}.err.inline{margin-top:0}.btn{font-family:var(--mono);font-size:13px;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:9px 15px;text-decoration:none;display:inline-block;text-align:center}.btn:hover{border-color:var(--line2)}.btn:disabled{opacity:.5;cursor:default}.btn.sm{padding:4px 10px;font-size:12px}.btn.full{width:100%;margin-top:10px}.btn.primary{background:var(--orange);color:#fff;border-color:var(--orange);font-weight:600}.btn.primary:hover{background:var(--orangeSoft);border-color:var(--orangeSoft)}.fmt.on{background:rgba(99,102,241,.15)}.field select:focus,.src-input:focus,.title-input:focus,textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(99,102,241,.25)}.btn.rec{background:#2a1414;border-color:#7a2b2b;color:#ff9a8a}.picker{display:flex;flex-direction:column;height:100vh;overflow:hidden}.picker-body{flex:1 1;overflow:auto;padding:32px 40px;max-width:1100px;margin:0 auto;width:100%}.picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.picker-head h1{font-size:22px;margin:0}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:14px;gap:14px}.card{border:1px solid var(--line);background:var(--panel2);border-radius:12px;padding:16px;cursor:pointer}.card:hover{border-color:var(--orange)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}.card-top b{font-size:15px}.card-meta{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;color:var(--muted)}.chip{border:1px solid var(--line);border-radius:6px;padding:2px 8px;color:var(--orangeSoft)}.card-time{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:10px}@media (max-width:980px){.main3{flex-direction:column}.panel,.rail{width:100%;border:none;border-top:1px solid var(--line)}.player{max-height:44vh}textarea{height:30vh}}.ed{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.iconrail{width:66px;flex:none;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:8px 7px;gap:4px;transition:width .15s}.iconrail.open{width:152px}.rail-back{height:34px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:8px;margin-bottom:6px;cursor:pointer;font-size:14px}.rail-back:hover{color:var(--text);border-color:var(--line2)}.rail-item{display:flex;align-items:center;gap:10px;height:48px;padding:0 13px;border:none;background:none;color:var(--muted);border-radius:9px;cursor:pointer;white-space:nowrap;overflow:hidden}.iconrail:not(.open) .rail-item{justify-content:center;padding:0}.rail-item:hover{background:var(--panel2);color:var(--text)}.rail-item.on{background:var(--elev);color:var(--orange)}.rail-label{font-size:12px;font-family:var(--mono)}.iconrail:not(.open) .rail-label{display:none}.rail-toggle{margin-top:auto;height:32px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:8px;cursor:pointer;font-family:var(--mono)}.rail-toggle:hover{color:var(--text)}.sectionpanel{width:344px;flex:none;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.panel-hd{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line);font-size:13px;flex:none}.edmain,.sectionpanel>.tabbody{flex:1 1;min-height:0}.edmain{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;height:52px;flex:none;padding:0 16px;border-bottom:1px solid var(--line);background:var(--panel)}.top-spacer{flex:1 1}.export-btn{font-weight:700}.topprog{width:auto;flex-direction:row;gap:12px;padding:8px 16px;align-items:center}.topprog .prog-bar{flex:1 1}.topbarerr{padding:6px 16px}.canvas{flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(130% 90% at 50% 0,#0d1413,#070a09)}.edbottom{flex:none;border-top:1px solid var(--line);background:var(--bg2);padding:10px 14px}.topbar .formats{margin-left:0}.canvas .player{max-height:100%;max-width:100%}.edbottom .timeline{width:100%}@media (max-width:980px){.iconrail.open{width:66px}.iconrail.open .rail-label{display:none}.iconrail.open .rail-item{justify-content:center;padding:0}.sectionpanel{width:240px}}.ed2{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.ed2 .edmain{flex:1 1;min-width:0;display:flex;flex-direction:column;min-height:0}.ed2 .topbar{gap:12px;height:52px;flex:none;padding:0 16px;border-bottom:1px solid var(--line);background:var(--panel)}.ed2 .canvas,.ed2 .topbar{display:flex;align-items:center}.ed2 .canvas{flex:1 1;min-height:0;justify-content:center;padding:16px;background:radial-gradient(130% 90% at 50% 0,#0d1413,#070a09)}.ed2 .canvas .player{max-height:100%;max-width:100%}.btn.link{background:none;border:1px solid var(--line);color:var(--muted)}.btn.link:hover{color:var(--text);border-color:var(--line2)}.sidepanel{width:384px;flex:none;border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0}.ed2 .iconrail{order:0}.ed2 .sidepanel{order:1}.ed2 .edmain{order:2}.line-list{flex:none;max-height:40%;overflow:auto;padding:10px 12px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.line-head{display:flex;justify-content:space-between;align-items:center}.line-card{padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);cursor:pointer}.line-card:hover{border-color:var(--line2)}.line-card.on{border-color:var(--orange)}.line-top{display:flex;align-items:center;gap:8px;margin-bottom:7px}.line-card .scene-ops{margin-left:auto}.subtabs{display:flex;flex:none;border-bottom:1px solid var(--line);overflow-x:auto}.subtabs button{flex:1 1;padding:11px 6px;font-family:var(--mono);font-size:12px;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer}.subtabs button.on{color:var(--text);border-bottom-color:var(--orange)}.sidepanel>.tabbody{flex:1 1;min-height:0}.txt-field{margin-bottom:10px}.txt-field label{display:block;font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:4px}.txt-field textarea.short{height:auto;min-height:46px}.sidepanel>.panel-hd{flex:none}.panel-toggle{position:fixed;top:50%;transform:translateY(-50%);z-index:45;width:22px;height:64px;border:1px solid var(--line);border-left:none;border-radius:0 9px 9px 0;background:var(--panel2);color:var(--muted);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:left .15s}.panel-toggle:hover{color:var(--text);background:var(--elev)}.menu-btn{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:8px;width:38px;height:34px;font-size:17px;cursor:pointer;align-items:center;justify-content:center}.menu-backdrop,.menu-btn{display:none}@media (max-width:820px){.ed2{flex-direction:column;height:100vh;overflow:hidden}.ed2 .edmain{order:-1;flex:none;height:50vh;min-height:0}.ed2 .topbar{height:auto;flex-wrap:wrap;padding:8px 12px;gap:8px}.ed2 .topbar .title-input{flex:1 1;min-width:110px}.ed2 .canvas{padding:10px}.sidepanel{width:100%;flex:1 1;min-height:0;border-left:none;border-top:1px solid var(--line)}.line-list{max-height:32%}.menu-btn{display:inline-flex}.panel-toggle{display:none}.ed2 .iconrail{position:fixed;left:0;top:0;bottom:0;height:100vh;width:64px;z-index:60;transform:translateX(-110%);transition:transform .18s ease;flex-direction:column;border-right:1px solid var(--line);box-shadow:0 0 40px rgba(0,0,0,.5)}.ed2 .iconrail.mobile-open{transform:translateX(0)}.ed2 .iconrail .rail-item{justify-content:center;padding:0;height:48px}.menu-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:55}}