:root{--bg-app:#0e1311;--bg-sunken:#0a0f0d;--surface-1:#141a17;--surface-2:#1a211d;--surface-3:#222a25;--surface-4:#2b342e;--border-subtle:#232b27;--border:#2e3832;--border-strong:#3c4842;--text-primary:#ecf3ee;--text-secondary:#9faea5;--text-muted:#66756c;--text-disabled:#495149;--text-on-accent:#06140b;--accent:#2be56a;--accent-hover:#4df083;--accent-active:#1fc85a;--accent-muted:#1c3a28;--accent-disabled:#2c4636;--accent-text:#54e98a;--glow-accent:0 0 0 1px #2be56a73, 0 0 18px -2px #2be56a47;--glow-accent-sm:0 0 12px -2px #2be56a4d;--ring-focus:0 0 0 2px var(--bg-app), 0 0 0 4px #2be56aa6;--zone-facecam-1:#ff3da6;--zone-facecam-2:#ff8a3d;--zone-facecam-3:#b57bff;--zone-gameplay:#2fe0e0;--timeline-accent:#8b5cf6;--danger:#ff5765;--warning:#ffc24b;--zone-facecam-1-soft:#ff3da629;--zone-gameplay-soft:#2fe0e029;--font-ui:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--font-video:"Montserrat", system-ui, sans-serif;--fs-display:30px;--fs-h1:22px;--fs-h2:18px;--fs-h3:15px;--fs-body:14px;--fs-sm:13px;--fs-cap:12px;--fs-micro:11px;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-bold:700;--lh-tight:1.15;--lh-snug:1.35;--lh-body:1.5;--tracking-label:.06em;--tracking-tight:-.01em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-xs:4px;--r-sm:6px;--r-md:9px;--r-lg:13px;--r-xl:18px;--r-pill:999px;--sh-1:0 1px 2px #0006;--sh-2:0 4px 14px -4px #0000008c;--sh-3:0 14px 40px -10px #000000a6;--sh-pop:0 18px 50px -12px #000000b3, 0 0 0 1px var(--border);--h-sm:30px;--h-md:38px;--h-lg:46px;--ease:cubic-bezier(.2,.7,.3,1);--dur:.18s}
*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg-sunken);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}button{cursor:pointer;color:inherit;font-family:inherit}::selection{background:#2be56a4d}input,textarea{font-family:inherit}.app{background:var(--bg-app);grid-template-rows:58px 1fr auto;height:100vh;display:grid;overflow:hidden}.header{padding:0 var(--sp-5);background:var(--surface-1);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:var(--sp-3);display:flex}.brand__mark{filter:drop-shadow(0 0 9px #2be56a59);width:30px;height:30px}.brand__name{font-size:17px;font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}.brand__name b{color:var(--accent-text)}.brand__badge{font-size:var(--fs-micro);font-weight:var(--fw-medium);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:var(--tracking-label);padding:2px 8px}.header__file{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-secondary);margin-left:18px;display:flex}.header__file .dot{background:var(--accent);width:6px;height:6px;box-shadow:var(--glow-accent-sm);border-radius:50%}.header__actions{align-items:center;gap:var(--sp-4);display:flex}.toggle{align-items:center;gap:var(--sp-3);-webkit-user-select:none;user-select:none;display:inline-flex}.toggle__label{font-size:var(--fs-sm);color:var(--text-secondary)}.switch{--w:38px;--h:22px;width:var(--w);height:var(--h);border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border);transition:var(--dur) var(--ease);cursor:pointer;flex:none;position:relative}.switch:after{content:"";background:var(--text-secondary);width:16px;height:16px;transition:var(--dur) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--accent-muted);border-color:#2be56a80}.switch[aria-checked=true]:after{background:var(--accent);box-shadow:var(--glow-accent-sm);left:18px}.btn{justify-content:center;align-items:center;gap:var(--sp-2);height:var(--h-md);padding:0 var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:var(--dur) var(--ease);white-space:nowrap;border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn--primary{background:var(--accent);color:var(--text-on-accent);font-weight:var(--fw-bold);box-shadow:var(--glow-accent-sm)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--primary:active{background:var(--accent-active)}.btn--lg{height:var(--h-lg);padding:0 var(--sp-5);font-size:var(--fs-body)}.btn--secondary{background:var(--surface-3);color:var(--text-primary);border-color:var(--border)}.btn--secondary:hover:not(:disabled){background:var(--surface-4);border-color:var(--border-strong)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover{background:var(--surface-3);color:var(--text-primary)}.body{min-height:0;transition:grid-template-columns var(--dur) var(--ease);grid-template-columns:300px 1fr 348px;display:grid}.app.collapsed .body{grid-template-columns:64px 1fr 348px}.sidebar{background:var(--surface-1);border-right:1px solid var(--border-subtle);flex-direction:column;min-height:0;display:flex;overflow:hidden}.sidebar__head{height:44px;padding:0 var(--sp-3) 0 var(--sp-4);border-bottom:1px solid var(--border-subtle);flex:none;justify-content:space-between;align-items:center;display:flex}.sidebar__title{font-size:var(--fs-micro);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--text-muted)}.app.collapsed .sidebar__title{display:none}.collapse-btn{border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-secondary);transition:var(--dur) var(--ease);background:0 0;border:none;place-items:center;display:grid}.collapse-btn:hover{background:var(--surface-3);color:var(--text-primary)}.collapse-btn svg{width:16px;height:16px;transition:transform var(--dur) var(--ease)}.app.collapsed .collapse-btn svg{transform:rotate(180deg)}.sidebar__scroll{padding:var(--sp-4);flex:1;min-height:0;overflow-y:auto}.app.collapsed .sidebar__scroll{display:none}.sidebar__scroll::-webkit-scrollbar{width:8px}.sidebar__scroll::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:99px}.section{margin-bottom:var(--sp-6)}.section__label{font-size:var(--fs-micro);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--text-muted);margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.section__count{color:var(--accent-text);font-family:var(--font-mono)}.templates{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.tpl{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3);cursor:pointer;transition:var(--dur) var(--ease);text-align:left;gap:var(--sp-2);flex-direction:column;display:flex}.tpl:hover{border-color:var(--border-strong);background:var(--surface-3)}.tpl[aria-selected=true]{border-color:var(--accent);box-shadow:var(--glow-accent-sm);background:linear-gradient(#2be56a14,#2be56a05)}.tpl__diagram{aspect-ratio:9/16;border-radius:var(--r-xs);background:var(--bg-sunken);border:1px solid var(--border-subtle);flex-direction:column;gap:3px;padding:4px;display:flex}.zone-block{border-radius:2px;flex:1}.zone-block.cam{background:var(--zone-facecam-1-soft);border:1px solid #ff3da680}.zone-block.cam2{background:#ff8a3d29;border:1px solid #ff8a3d80}.zone-block.cam3{background:#b57bff29;border:1px solid #b57bff80}.zone-block.game{background:var(--zone-gameplay-soft);border:1px solid #2fe0e073;flex:2}.tpl__name{font-size:var(--fs-cap);font-weight:var(--fw-medium);color:var(--text-secondary)}.tpl[aria-selected=true] .tpl__name{color:var(--text-primary)}.tpl__cams{gap:3px;display:flex}.tpl__cams .zone-block{height:22px}.add-el{width:100%;height:var(--h-md);border:1px dashed var(--border-strong);border-radius:var(--r-md);color:var(--text-secondary);justify-content:center;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:var(--dur) var(--ease);background:0 0;display:flex}.add-el:hover{border-color:var(--accent);color:var(--accent-text);background:#2be56a0a}.el-panel{margin-top:var(--sp-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.el-panel__head{padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.el-panel__title{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);display:flex}.el-panel__title .swatch{background:var(--zone-gameplay);border-radius:2px;width:9px;height:9px}.el-panel__body{padding:var(--sp-4);gap:var(--sp-4);flex-direction:column;display:flex}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field__label{font-size:var(--fs-cap);color:var(--text-secondary);font-weight:var(--fw-medium)}.field__row{justify-content:space-between;align-items:center;display:flex}.field__val{font-family:var(--font-mono);font-size:var(--fs-cap);color:var(--text-secondary)}.input,.textarea{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-primary);font-size:var(--fs-sm);width:100%;transition:var(--dur) var(--ease);resize:none;padding:8px 10px}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:var(--glow-accent-sm);outline:none}.textarea{font-family:var(--font-video);text-transform:uppercase;min-height:52px;font-size:15px;font-weight:900;line-height:1.2}.slider{appearance:none;background:var(--surface-3);border-radius:99px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:3px solid var(--surface-1);width:16px;height:16px;box-shadow:var(--glow-accent-sm);cursor:pointer;border-radius:50%}.slider::-moz-range-thumb{border:3px solid var(--surface-1);background:var(--accent);border-radius:50%;width:16px;height:16px}.net-grid{gap:var(--sp-2);grid-template-columns:repeat(5,1fr);display:grid}.net-chip{aspect-ratio:1;border-radius:var(--r-sm);background:var(--surface-3);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:var(--dur) var(--ease);place-items:center;font-size:10px;font-weight:700;display:grid;position:relative}.net-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.net-chip[aria-selected=true]{background:var(--accent-muted);border-color:var(--accent);color:var(--accent-text)}.net-chip[aria-selected=true]:after{content:"";background:var(--accent);border:2px solid var(--surface-2);border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-4px}.net-handle{align-items:center;gap:var(--sp-2);display:flex}.net-handle__ic{border-radius:var(--r-xs);flex:none;place-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:grid}.net-handle .input{font-family:var(--font-mono);font-size:var(--fs-cap);padding:6px 9px}.rail{align-items:center;gap:var(--sp-2);padding:var(--sp-3) 0;flex-direction:column;display:none}.app.collapsed .rail{display:flex}.rail__btn{border-radius:var(--r-md);width:40px;height:40px;color:var(--text-secondary);transition:var(--dur) var(--ease);background:0 0;border:1px solid #0000;place-items:center;display:grid}.rail__btn:hover{background:var(--surface-3);color:var(--text-primary)}.rail__btn.active{background:var(--accent-muted);color:var(--accent-text);border-color:#2be56a66}.stage{min-width:0;min-height:0;padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.panel-head{flex:none;justify-content:space-between;align-items:center;display:flex}.panel-head__title{align-items:center;gap:var(--sp-2);font-size:var(--fs-h3);font-weight:var(--fw-bold);display:flex}.panel-head__title .ic{color:var(--accent-text);display:flex}.panel-head__meta{font-family:var(--font-mono);font-size:var(--fs-cap);color:var(--text-muted);font-weight:400}.split-wrap{background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:var(--r-lg);background-image:radial-gradient(#ffffff06 1px,#0000 1px);background-size:22px 22px;flex:1;place-items:center;min-height:0;padding:16px;display:grid;position:relative;overflow:hidden}.box__label{font-size:10px;font-weight:var(--fw-bold);letter-spacing:.04em;white-space:nowrap;color:#0a0f0d;border-radius:4px 4px 4px 0;padding:3px 7px;position:absolute;top:-23px;left:-1px}.handle{z-index:3;background:#fff;border-radius:2px;width:11px;height:11px;position:absolute}.guide-line{background:var(--accent);z-index:4;pointer-events:none;position:absolute;box-shadow:0 0 8px #2be56a99}.preview-col{background:var(--surface-1);border-left:1px solid var(--border-subtle);min-height:0;padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;display:flex}.preview-stage{flex:1;place-items:center;min-height:0;display:grid}.preview-foot{padding-top:var(--sp-3);border-top:1px solid var(--border-subtle);flex:none;justify-content:space-between;align-items:center;display:flex}.preview-foot .res{font-family:var(--font-mono);font-size:var(--fs-cap);color:var(--text-secondary)}.preview-foot .res b{color:var(--accent-text)}.timeline{background:var(--surface-1);border-top:1px solid var(--border-subtle);padding:var(--sp-3) var(--sp-5);gap:var(--sp-2);flex-direction:column;display:flex}.tl-top{justify-content:space-between;align-items:center;display:flex}.tl-controls{align-items:center;gap:var(--sp-2);display:flex}.tl-play{background:var(--accent);width:34px;height:34px;color:var(--text-on-accent);box-shadow:var(--glow-accent-sm);border:none;border-radius:50%;place-items:center;display:grid}.tl-play:hover{background:var(--accent-hover)}.tl-iconbtn{border-radius:var(--r-sm);width:30px;height:30px;color:var(--text-secondary);background:0 0;border:1px solid #0000;place-items:center;display:grid}.tl-iconbtn:hover{background:var(--surface-3);color:var(--text-primary)}.tl-time{font-family:var(--font-mono);font-size:var(--fs-sm)}.tl-time b{color:var(--text-primary);font-weight:500}.tl-time span{color:var(--text-muted)}.tl-track-wrap{padding-bottom:2px;position:relative}.filmstrip{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-sunken) center/100% 100% no-repeat;cursor:pointer;height:52px;position:relative;overflow:hidden}.tl-trim{border:2px solid var(--accent);border-radius:var(--r-sm);box-shadow:0 0 0 1px #0006, var(--glow-accent-sm);pointer-events:none;position:absolute;top:0;bottom:0}.tl-dim{pointer-events:none;background:#080c0ab8;position:absolute;top:0;bottom:0}.tl-handle{background:var(--accent);cursor:ew-resize;place-items:center;width:12px;display:grid;position:absolute;top:0;bottom:0}.tl-handle:after{content:"";background:#06140b80;border-radius:2px;width:2px;height:18px}.playhead{z-index:6;pointer-events:none;background:#fff;width:2px;position:absolute;top:-6px;bottom:-6px;box-shadow:0 0 8px #ffffff80}.tl-ticks{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;margin-top:5px;font-size:9px;display:flex}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg)}.muted{color:var(--text-muted)}.error-bar{border:1px solid var(--danger);color:#ffb3ba;border-radius:var(--r-md);margin:10px var(--sp-5);background:#ff57651a;padding:10px 14px}