:root{--bg: #fafafa;--panel: #ffffff;--panel-2: #f4f4f5;--panel-2-hover: #e4e4e7;--line: #eeeeee;--line-strong: #d4d4d8;--text: #333333;--muted: #666666;--dim: #71717a;--accent: #6713db;--accent-2: #5108b6;--accent-tint: #f9f6fe;--accent-tint-2: #ede9fe;--accent-border: #d7c1f5;--danger: #ef4444;--danger-tint: #ffeeee;--primary: #6713db;--primary-hover: #5108b6;--radius-sm: calc(.625rem - 4px) ;--radius-md: calc(.625rem - 2px) ;--radius-lg: .625rem;--radius-xl: calc(.625rem + 4px) ;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100%;height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;flex-shrink:0}.brand{font-weight:600;letter-spacing:.2px;display:flex;align-items:center;gap:8px}.dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #6713db73}.files{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dim);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:3px 10px;max-width:240px}.chip.on{color:var(--text);border-color:var(--line-strong)}.chip b{color:var(--muted);font-weight:600}.chip-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.meta{font-size:12px;color:var(--muted)}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);padding:7px 12px;font-size:13px;cursor:pointer;transition:background .12s,border-color .12s}.btn:hover{background:var(--panel-2-hover);border-color:var(--line-strong)}.btn:disabled{opacity:.5;cursor:default}.btn.small{padding:4px 9px;font-size:12px}.btn.primary{background:var(--primary);border-color:var(--primary-hover);color:#fff}.btn.primary:hover{background:var(--primary-hover)}.btn.wide{width:100%}.export-control{position:relative;display:inline-flex}.export-status{position:absolute;top:calc(100% + 8px);right:0;z-index:1100;max-width:360px;padding:8px 10px;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:0 12px 32px #0000002e;font-size:12px;line-height:1.45;color:var(--text);word-break:break-word;cursor:pointer}.banner{margin:10px 16px;padding:12px 14px;border-radius:var(--radius-lg);background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:13px;line-height:1.5}.banner.error{background:var(--danger-tint);border-color:#fecaca;color:#b91c1c}.banner .cmd{display:block;margin:8px 0;padding:8px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);font-family:source-code-pro,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;white-space:pre-wrap;word-break:break-word}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#18181b73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-xl);padding:24px;box-shadow:0 20px 50px #00000040}.modal.modal-lg{max-width:480px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-head .modal-title{margin:0}.modal-head-actions{display:flex;gap:8px;flex-shrink:0}.modal-title{margin:0 0 6px;font-size:18px;font-weight:600;color:var(--text)}.modal-blurb{margin:0 0 16px;font-size:13px;line-height:1.5;color:var(--muted)}.modal-input{width:100%;margin-bottom:12px;font-family:inherit}.modal-error{margin:-4px 0 12px;font-size:12.5px;color:var(--danger)}.landing{max-width:760px;margin:6vh auto;padding:0 20px;width:100%}.picker{display:grid;grid-template-columns:1fr 1fr;gap:14px}.uuid-loader{text-align:left;background:var(--accent-tint);border:1px solid var(--accent-border);border-radius:var(--radius-xl);padding:22px 18px}.uuid-row{display:flex;gap:10px;margin-top:14px}.uuid-input{flex:1;min-width:0;background:var(--panel);color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:9px 12px;font-size:13.5px;font-family:source-code-pro,ui-monospace,SFMono-Regular,Menlo,monospace}.uuid-input::placeholder{color:var(--dim)}.uuid-input:focus{outline:none;border-color:var(--accent)}.uuid-input:disabled{opacity:.55}.uuid-row .btn{white-space:nowrap}.picker-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.picker-divider:before,.picker-divider:after{content:"";flex:1;height:1px;background:var(--line)}.slot{text-align:left;background:var(--panel);border:1px dashed var(--line-strong);border-radius:var(--radius-xl);padding:22px 18px;cursor:pointer;color:var(--text);transition:border-color .12s,background .12s}.slot:hover{border-color:var(--accent);background:var(--accent-tint)}.slot.filled{border-style:solid;border-color:#86efac;background:#f0fdf4}.slot.drag{border-style:solid;border-color:var(--accent);background:var(--accent-tint);box-shadow:inset 0 0 0 2px #6713db40}.slot-drop{margin-top:12px;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.slot.drag .slot-drop{color:var(--accent)}.slot:disabled{opacity:.55;cursor:progress}.slot-label{font-weight:600;margin-bottom:6px}.slot-hint{font-size:12.5px;color:var(--muted);word-break:break-word}.loading{margin-top:16px;color:var(--accent);font-size:14px;display:flex;align-items:center;gap:8px}.btn-loading{display:inline-flex;align-items:center;gap:7px}.spinner-ring{flex:none;width:14px;height:14px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:vh-spin .7s linear infinite}.spinner-ring.on-primary{border-color:#fff6;border-top-color:#fff}.progress-ring{flex:none;display:block}.progress-ring-track{stroke:var(--line-strong)}.progress-ring-arc{stroke:var(--accent);transition:stroke-dashoffset .15s linear}.blurb{margin-top:22px;color:var(--muted);font-size:13.5px;line-height:1.6}code{font-family:source-code-pro,ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--panel-2);border:1px solid var(--line);padding:1px 5px;border-radius:var(--radius-sm);font-size:.9em}.editor{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.editor-body{flex:1;min-height:0;display:flex;overflow:hidden}.editor-video-col{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.resize-x,.resize-y{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--panel-2);transition:background .12s;touch-action:none}.resize-x{width:12px;cursor:col-resize}.resize-y{height:12px;cursor:row-resize}.resize-x:hover,.resize-y:hover{background:var(--accent-tint-2)}.resize-x:active,.resize-y:active{background:var(--accent-border)}.resize-grip{border-radius:999px;background:var(--line-strong);transition:background .12s}.resize-x .resize-grip{width:3px;height:32px}.resize-y .resize-grip{width:32px;height:3px}.resize-x:hover .resize-grip,.resize-y:hover .resize-grip,.resize-x:active .resize-grip,.resize-y:active .resize-grip{background:var(--accent)}.inspector{flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--line);background:var(--panel)}.inspector-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:12px}.inspector-foot{flex-shrink:0;border-top:1px solid var(--line);padding:12px;background:var(--panel)}.inspector-foot .panel{border:none;border-radius:0;padding:0}.editor-timeline{flex-shrink:0;overflow:hidden;background:var(--panel)}.tl-root{height:100%;display:flex;flex-direction:column;background:var(--panel)}.tl-header{display:flex;align-items:center;gap:10px;padding:3px 8px;border-bottom:1px solid var(--line);background:var(--accent-tint);flex-shrink:0}.tl-zoom{display:flex;align-items:center;gap:2px;border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--panel);padding:1px}.tl-zoom button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--accent);font-size:14px;font-weight:600;line-height:1;cursor:pointer;border-radius:var(--radius-sm)}.tl-zoom button:hover:not(:disabled){background:var(--accent-tint-2)}.tl-zoom button:disabled{color:var(--dim);opacity:.5;cursor:default}.tl-zoom-val{min-width:34px;text-align:center;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent-2)}.tl-hint{font-size:11px;color:var(--dim);font-style:italic}.tl-scroll{position:relative;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.tl-content{position:relative;height:100%;display:flex;flex-direction:column}.tl-ruler{position:relative;flex-shrink:0;height:24px;border-bottom:1px solid var(--line);background:var(--panel-2);cursor:pointer;overflow:hidden;touch-action:none}.tl-tick{position:absolute;bottom:0;top:0}.tl-tick-mark{position:absolute;bottom:0;width:1px}.tl-tick-label{position:absolute;bottom:11px;left:2px;white-space:nowrap;font-size:9px;color:var(--dim);font-variant-numeric:tabular-nums}.tl-canvas{flex:1;min-height:0;width:100%;display:block;cursor:pointer;touch-action:none}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);pointer-events:none;z-index:5}.stage{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.stage-video{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg)}.video-wrap{position:relative;height:100%;width:auto;max-width:100%;max-height:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--line)}.video-wrap video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0;padding:10px 12px;border-top:1px solid var(--line);background:var(--panel)}.readout{font-family:source-code-pro,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--muted)}.speed{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.speed-btn{background:var(--panel-2);color:var(--muted);border:none;border-right:1px solid var(--line);padding:7px 9px;font-size:12.5px;cursor:pointer;font-variant-numeric:tabular-nums}.speed-btn:last-child{border-right:none}.speed-btn:hover{background:var(--panel-2-hover);color:var(--text)}.speed-btn.active{background:var(--accent-tint-2);color:var(--accent)}.hint{font-size:11px;color:var(--dim);font-style:italic}@media (hover: none),(pointer: coarse){.hint{display:none}.video-wrap{cursor:default}}.spacer{flex:1}.video-wrap{cursor:pointer}.chk{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:5px;cursor:pointer}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);padding:12px}.panel-title{font-size:13px;font-weight:600;margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.panel-title .sub{font-weight:400;font-size:11px;color:var(--dim)}.graph-canvas{display:block;width:100%;height:120px;border-radius:var(--radius-md);cursor:pointer}.field-row{display:flex;gap:10px}.field{flex:1;display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.input-grab{display:flex;gap:4px}.field input,.note{width:100%;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:7px 8px;color:var(--text);font-size:13px;font-family:source-code-pro,ui-monospace,SFMono-Regular,Menlo,monospace}.note{margin-top:10px;font-family:inherit}.field input:focus,.note:focus{outline:none;border-color:var(--accent)}.mini{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);font-size:11px;padding:0 8px;cursor:pointer}.mini:hover{color:var(--text);border-color:var(--line-strong)}.seg{display:flex;gap:6px;margin-top:10px}.seg-btn{flex:1;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);padding:7px;font-size:12.5px;cursor:pointer}.seg-btn.active{background:var(--accent-tint-2);border-color:var(--accent);color:var(--accent)}.err{margin-top:8px;color:var(--danger);font-size:12px}.panel .btn.wide{margin-top:10px}.vh-modal{max-width:520px;padding:0;overflow:hidden}.vh-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.vh-title{margin:0;font-size:16px;font-weight:600;color:var(--text)}.vh-sub{margin:3px 0 0;font-size:12px;color:var(--dim)}.vh-head-actions{display:flex;gap:6px;flex-shrink:0}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-md);color:var(--muted);cursor:pointer;transition:background .12s,border-color .12s,color .12s}.icon-btn:hover:not(:disabled){background:var(--panel-2);border-color:var(--line-strong);color:var(--text)}.icon-btn:disabled{opacity:.45;cursor:default}.vh-list{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:2px;max-height:52vh;overflow-y:auto}.vh-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);padding:10px 12px;cursor:pointer;transition:background .12s,border-color .12s}.vh-item:hover:not(:disabled):not(.active){background:var(--panel-2)}.vh-item.active{background:var(--accent-tint);border-color:var(--accent-border);cursor:default}.vh-item:disabled{cursor:default}.vh-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;box-shadow:inset 0 0 0 1px #0000000f}.vh-avatar.src{background:var(--panel-2-hover);color:var(--muted)}.vh-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vh-line1{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.vh-line2{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vh-meta{flex-shrink:0;display:flex;align-items:center}.vh-chev{color:var(--dim)}.vh-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--panel);border:1px solid var(--accent-border);border-radius:999px;padding:3px 9px}.vh-empty,.vh-error{padding:28px 20px;text-align:center;font-size:13px}.vh-empty{color:var(--dim)}.vh-error{color:var(--danger)}.vh-spinner{width:16px;height:16px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:vh-spin .7s linear infinite}@keyframes vh-spin{to{transform:rotate(360deg)}}.empty{color:var(--dim);font-size:12.5px;line-height:1.5}.marks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto}.mark{display:flex;align-items:stretch;gap:6px}.mark-seek{flex:1;text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);padding:7px 9px;font-size:12.5px;cursor:pointer;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mark-seek:hover{border-color:var(--line-strong)}.pill{font-size:10.5px;font-weight:700;border-radius:var(--radius-sm);padding:1px 6px;color:#fff}.pill.left{background:#06b6d4}.pill.right{background:#f97316}.pill.both{background:linear-gradient(90deg,#06b6d4 50%,#f97316 50%)}.pill.face{background:#8b5cf6}.mode-hint{margin-top:8px;font-size:11px;color:var(--dim)}.frames{color:var(--dim);font-family:source-code-pro,ui-monospace,Menlo,monospace;font-size:11px}.mark-note{color:var(--muted);font-style:italic}.mark-del{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--dim);width:32px;cursor:pointer}.mark-del:hover{color:var(--danger);border-color:#fecaca}.row{display:flex;gap:8px;margin-top:10px}.row .btn{flex:1}.status{margin-top:8px;font-size:12px;color:var(--muted);word-break:break-word}@media (max-width: 900px){.app{height:auto}.editor,.editor-body{overflow:visible}.editor-body{flex-direction:column}.editor-video-col{min-height:60vh}.resize-x{display:none}.inspector{width:100%!important;border-left:none;border-top:1px solid var(--line)}.picker{grid-template-columns:1fr}}