@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=DM+Serif+Display:ital@0;1&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--bg-panel: #FFFFFF;--bg-app: #F5F5F5;--text-primary: #111111;--text-secondary: #888888;--text-hint: #AAAAAA;--border: #E4E4E4;--hover-bg: #F0F0F0;--active: #111111;--active-text: #FFFFFF;--scrollbar: #CCCCCC;--font-ui: "JetBrains Mono", "SF Mono", "Roboto Mono", ui-monospace, "Menlo", "Consolas", monospace}*{margin:0;padding:0;box-sizing:border-box}*::-webkit-scrollbar{width:3px;height:3px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:2px}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-ui);line-height:1.4;height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}.A{display:flex;height:100vh}.P{width:308px;min-width:308px;border-right:1px solid var(--border);background:var(--bg-panel);overflow-y:auto;flex-shrink:0}.P::-webkit-scrollbar{width:3px}.P::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:2px}.hd{padding:11px 14px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:8px;background:var(--bg-panel)}.hd h1{font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:500;color:var(--text-primary);letter-spacing:-.02em}.hd small{font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-secondary);font-weight:400}.Z{padding:8px 14px;border-bottom:1px solid var(--border)}.ZT{font-size:9px;font-weight:500;letter-spacing:.12em;margin-bottom:6px;color:var(--text-secondary);text-transform:uppercase;display:flex;align-items:center;gap:6px}.ZT .hint{font-size:9px;color:var(--text-hint);font-weight:400;text-transform:none;letter-spacing:0}.ZT .live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c00;box-shadow:0 0 6px #c009;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.SG{font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--text-hint);margin:8px 0 3px;padding-top:5px;border-top:1px solid var(--border)}.NI{width:44px;flex:none;font-size:10px;font-family:inherit;border:1px solid var(--border);border-radius:3px;padding:1px 3px;text-align:right;background:var(--bg-panel);color:var(--text-primary);margin-left:auto}.R .NU{min-width:8px;text-align:left}.RB{border:none;background:none;cursor:pointer;font-size:11px;line-height:1;color:var(--text-hint);padding:0 1px;font-family:inherit}.RB:hover{color:var(--text-primary)}.R{display:flex;align-items:center;gap:5px;margin-bottom:3px}.R label{font-size:10px;min-width:68px;font-weight:400;color:var(--text-secondary)}.R span{font-size:10px;color:var(--text-hint);min-width:24px;text-align:right}input[type=range]{flex:1;height:1px;-webkit-appearance:none;background:var(--border);border-radius:1px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:var(--active);cursor:pointer;border:none;box-shadow:none}input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:var(--active);cursor:pointer;border:none}.B{padding:4px 8px;border:1px solid var(--border);border-radius:4px;background:var(--bg-panel);font-size:10px;font-family:inherit;cursor:pointer;font-weight:400;color:var(--text-primary);transition:all .12s;letter-spacing:.04em;text-transform:uppercase}.B:hover{background:var(--hover-bg)}.B.pr{background:var(--active);color:var(--active-text);border-color:var(--active)}.B.pr:hover{background:#333}.B.live{background:#c00;color:#fff;border-color:#c00;animation:pulse 1.2s ease-in-out infinite}.CG{display:flex;gap:3px}.CC{flex:1;border:2px solid var(--border);border-radius:4px;overflow:hidden;cursor:pointer;transition:all .1s}.CC.a{border-color:var(--active);box-shadow:0 0 0 2px #00000014}.CV2{height:22px;position:relative}.CV2 input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.CX2{padding:2px 1px;text-align:center;font-size:6px;color:var(--text-secondary);background:#fff;letter-spacing:.05em}.PG{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.PC{aspect-ratio:1;border:2px solid var(--border);border-radius:4px;cursor:pointer;overflow:hidden;position:relative;background:var(--bg-app);transition:all .1s}.PC:hover{border-color:#aaa}.PC.a{border-color:var(--active);box-shadow:none}.PC canvas{width:100%;height:100%;display:block}.PL{position:absolute;bottom:0;left:0;right:0;font-size:6px;text-align:center;padding:1px;background:#ffffffeb;color:var(--text-secondary);text-transform:uppercase;font-weight:500;letter-spacing:.04em}.PS{display:flex;gap:2px;flex-wrap:wrap;margin-top:5px}.PS button{padding:2px 5px;font-size:9px;border:1px solid var(--border);border-radius:3px;background:var(--bg-panel);cursor:pointer;font-family:inherit;color:var(--text-secondary);font-weight:400;transition:all .1s;letter-spacing:.03em}.PS button:hover{border-color:#aaa;color:var(--text-primary);background:var(--hover-bg)}.CH{display:flex;align-items:center;gap:5px;font-size:10px;cursor:pointer;margin-bottom:3px;font-weight:400;color:var(--text-primary);padding:1px 0}.CH input{accent-color:var(--active);width:12px;height:12px}.M{flex:1;display:flex;flex-direction:column;background:var(--bg-app)}.TB{display:flex;justify-content:space-between;gap:4px;padding:5px 9px;background:#ffffffe6;border-bottom:1px solid var(--border);align-items:center}.VP{flex:1;position:relative;overflow:hidden}#mc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 20px #00000014;border-radius:2px}.BB{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#ffffffe6;border-top:1px solid var(--border)}.PB{width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:var(--bg-panel);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;transition:all .1s}.PB:hover{background:var(--hover-bg);border-color:#aaa}.TL{font-size:9px;color:var(--text-secondary);letter-spacing:.06em}.h{display:none!important}.txtIn{width:100%;padding:4px 7px;border:1px solid var(--border);border-radius:4px;font-size:11px;font-family:inherit;background:var(--bg-panel);outline:none;margin-bottom:3px;transition:border-color .1s}.txtIn:focus{border-color:var(--active)}textarea.txtIn{resize:vertical;min-height:28px;line-height:1.35;display:block}.si{display:flex;align-items:center;gap:4px;padding:4px 6px;margin-bottom:2px;border:1px solid var(--border);border-radius:4px;background:var(--bg-panel);cursor:pointer;font-size:9px;transition:all .1s}.si:hover{border-color:#aaa;background:var(--hover-bg)}.si-dots{display:flex;gap:1px;flex-shrink:0}.si-dot{width:7px;height:7px;border-radius:50%;border:.5px solid rgba(0,0,0,.06)}.si-x{border:none;background:none;color:var(--text-hint);cursor:pointer;font-size:10px;padding:0 3px;border-radius:2px;font-family:inherit}.si-x:hover{color:#c00;background:#fee}.save-row{display:flex;gap:3px}.save-input{flex:1;padding:3px 6px;border:1px solid var(--border);border-radius:3px;font-size:10px;font-family:inherit;background:var(--bg-panel);outline:none}.save-input:focus{border-color:var(--active)}.fg{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.fb{padding:5px 2px;border:1.5px solid var(--border);border-radius:4px;font-size:8px;text-align:center;cursor:pointer;background:var(--bg-panel);font-family:inherit;font-weight:400;transition:all .1s;letter-spacing:.03em}.fb:hover{border-color:#aaa;background:var(--hover-bg)}.fb.a{border-color:var(--active);background:var(--hover-bg);color:var(--text-primary);font-weight:500}.seg{display:flex;border:1px solid var(--border);border-radius:4px;overflow:hidden}.seg button{flex:1;padding:4px;border:none;font-size:9px;font-family:inherit;cursor:pointer;font-weight:400;background:var(--bg-app);color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;transition:all .12s}.seg button.a{background:var(--active);color:var(--active-text);font-weight:500}.SC{border-bottom:1px solid var(--border)}.SH{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;cursor:pointer}.SH:hover{background:var(--hover-bg)}.SHT{font-size:9px;font-weight:500;letter-spacing:.12em;color:var(--text-secondary);text-transform:uppercase}.chv{font-size:9px;color:var(--text-hint);transition:transform .15s;display:inline-block}.SC.open .chv{transform:rotate(90deg)}.SB{max-height:0;overflow:hidden;transition:max-height .15s ease-out}.SC.open .SB{max-height:600px}.SBi{padding:0 14px 8px}.T1{border-bottom:1px solid var(--border)}.T1 .Z{border-bottom:1px solid rgba(228,228,228,.5)}.T1 .Z:last-child{border-bottom:none}.T1 .ZT{font-size:10px;color:var(--text-primary);letter-spacing:.1em}.T3 .SHT{font-size:8px;color:#aaa;letter-spacing:.08em}.T3 .chv{color:#ccc}.T3 .SH:hover .SHT{color:var(--text-secondary)}.T3 .SH:hover .chv{color:var(--text-hint)}.meta{padding:10px 14px 12px;background:#fafafa;border-top:2px solid var(--border);margin-top:2px}.audioBox{padding:6px;background:#111;border-radius:4px;margin-top:4px}.audioBox.live{background:#1a1a1a}.audio-bars{display:flex;gap:1px;height:24px;align-items:flex-end;margin-top:4px}.audio-bar{flex:1;background:#555;border-radius:1px;transition:height .05s linear;min-height:1px}.snapRow{display:flex;align-items:center;gap:4px;padding-left:9px;background:#ffffff80;border-top:1px solid var(--border)}.snapTL{display:flex;gap:4px;overflow-x:auto;padding:6px 9px;min-height:62px;align-items:center;flex:1;min-width:0}.hb{flex:0 0 auto;width:26px;height:48px;padding:0;font-size:13px;line-height:1}.hb:disabled{opacity:.28;cursor:default}.hb:disabled:hover{background:var(--bg-panel)}.snapTL::-webkit-scrollbar{height:3px}.snapTL::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:2px}.snap{flex:0 0 auto;width:48px;height:48px;border:1.5px solid var(--border);border-radius:4px;cursor:pointer;background:#fff;overflow:hidden;position:relative;transition:all .1s}.snap:hover{border-color:#aaa;transform:translateY(-2px)}.snap.cur{border-color:var(--active);box-shadow:0 0 0 1.5px #0000001a}.snap canvas{width:100%;height:100%;display:block}.snap-time{position:absolute;bottom:0;left:0;right:0;font-size:6px;color:#fff;background:#0000008c;text-align:center;padding:1px;letter-spacing:.03em}.snap-empty{font-size:9px;color:var(--text-secondary);font-style:italic;padding-left:6px}.snap-clear{flex:0 0 auto;width:24px;height:48px;border:1px dashed var(--border);background:transparent;color:var(--text-hint);cursor:pointer;border-radius:4px;font-size:11px}.snap-clear:hover{color:#c00;border-color:#c00}.tl-toggle{display:flex;align-items:center;gap:4px;padding:0 9px;font-size:9px;color:var(--text-secondary);cursor:pointer;letter-spacing:.04em}.series-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:1000;display:none;align-items:center;justify-content:center;flex-direction:column;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.series-overlay.show{display:flex}.series-head{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;width:100%;max-width:1100px;color:#eee}.series-head h2{font-family:var(--font-ui);font-size:16px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.series-head .hint{font-size:9px;color:#888;letter-spacing:.05em;text-transform:uppercase}.series-controls{display:flex;gap:6px;align-items:center}.series-controls .B{background:#222;color:#ddd;border-color:#333}.series-controls .B:hover{background:#333}.series-controls .B.pr{background:#fff;color:#111;border-color:#fff}.series-grid{display:grid;gap:6px;padding:12px;background:#0a0a0a;border-radius:6px;max-width:90vw;max-height:78vh}.series-cell{position:relative;cursor:pointer;border-radius:4px;overflow:hidden;background:#111;border:1.5px solid transparent;transition:all .15s}.series-cell:hover{border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #0009}.series-cell.loading{opacity:.4}.series-cell canvas{width:100%;height:100%;display:block}.series-cell .num{position:absolute;top:4px;left:6px;font-size:9px;color:#ffffff73;font-weight:400;letter-spacing:.05em;pointer-events:none}.series-progress{height:2px;background:#222;border-radius:1px;overflow:hidden;margin-top:6px;width:200px}.series-progress div{height:100%;background:#fff;transition:width .2s}.KF{background:#ffffffe6;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.KF-hd{display:flex;justify-content:space-between;align-items:center;padding:5px 9px;border-bottom:1px solid var(--border)}.KF-title{font-size:9px;font-weight:500;letter-spacing:.12em;color:var(--text-secondary);text-transform:uppercase}.kf-bar{position:relative;height:52px;padding:0 12px;overflow:visible;cursor:default}.kf-track{position:relative;width:100%;height:100%}.kf-track:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border);transform:translateY(-50%);pointer-events:none}.kf-marker{position:absolute;top:0;bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;cursor:pointer}.kf-diamond{width:10px;height:10px;background:var(--active);transform:rotate(45deg);flex-shrink:0;transition:background .1s}.kf-marker:hover .kf-diamond{background:#c8551b}.kf-del{font-size:9px;color:transparent;margin-top:4px;line-height:1;cursor:pointer;transition:color .1s}.kf-marker:hover .kf-del{color:#c00}.kf-lbl-s,.kf-lbl-e{position:absolute;bottom:3px;font-size:6px;color:var(--text-hint);font-family:var(--font-ui);pointer-events:none}.kf-lbl-s{left:0}.kf-lbl-e{right:0}.kf-playhead{position:absolute;top:6px;bottom:6px;width:1.5px;background:#c8551b;pointer-events:none;transform:translate(-50%);z-index:1;opacity:.8}.kf-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;color:var(--text-hint);font-style:italic;white-space:nowrap;pointer-events:none}.kf-tick{position:absolute;width:1px;height:6px;background:#0000001f;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.kf-tick.kf-tick-l{height:9px}.kf-tick span{position:absolute;bottom:11px;left:50%;transform:translate(-50%);font-size:6px;color:var(--text-hint);font-family:var(--font-ui);white-space:nowrap}.kf-time-lbl{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:6px;color:var(--text-hint);font-family:var(--font-ui);white-space:nowrap;pointer-events:none}.kf-marker,.kf-diamond{cursor:grab}body.kf-drag *{cursor:grabbing!important}.KF-ctrl{display:flex;align-items:center;gap:6px;padding:5px 9px;border-top:1px solid var(--border)}.kf-seek{flex:1;height:3px;background:var(--border);border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.kf-seek-fill{height:100%;background:var(--active);border-radius:2px;width:0%;pointer-events:none}.kf-t-disp{font-size:9px;color:var(--text-secondary);font-family:var(--font-ui);min-width:38px;text-align:right;letter-spacing:.03em}@media (max-width:900px){.A{flex-direction:column;height:auto}.M{order:-1}.VP{flex:none;height:min(100vw,75vh)}.P{width:100%;min-width:0;max-height:none;overflow:visible;border-right:none;border-top:1px solid var(--border)}.P input[type=range]{width:100%}}@media (pointer:coarse){input[type=range]{height:24px;background:linear-gradient(var(--border),var(--border)) center/100% 1px no-repeat}input[type=range]::-webkit-slider-thumb{width:20px;height:20px}input[type=range]::-moz-range-thumb{width:20px;height:20px}}