body{overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#ccd4ec;background:#07080e;height:100%;font-family:Consolas,Menlo,Monaco,monospace;font-size:13px;overflow:hidden}.upload-zone{z-index:10;background:#07080e;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:fixed;inset:0}.upload-zone h1{color:#00a8ff;letter-spacing:.07em;font-size:1.7em;font-weight:400}.drop-area{cursor:pointer;background:#0064c80a;border:2px dashed #1a3a6a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:400px;height:160px;transition:all .18s;display:flex}.drop-area:hover,.drop-area.drag-over{background:#0078dc1f;border-color:#00a8ff}.drop-icon{color:#1a5a99;font-size:38px}.drop-main{color:#8ac;font-size:14px}.drop-hint{color:#2a4a6a;font-size:12px}.upload-note{color:#2a4a6a;text-align:center;max-width:400px;font-size:12px;line-height:1.7}.upload-note code{color:#5580aa}.upload-error{color:#f55;text-align:center;max-width:400px;font-size:12px}.player{flex-direction:column;height:100vh;display:flex;position:relative}.canvas3d{flex:1;width:100%;min-height:0;display:block}.info-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:5;background:#040610db;border:1px solid #111c30;border-radius:9px;min-width:248px;padding:9px 13px;line-height:1.75;position:absolute;top:10px;left:10px}.row{gap:8px;display:flex}.lbl{color:#2a4a78;min-width:48px}.val{color:#7aaad8}.val.both{color:#40ee80}.val.left{color:#4af}.val.right{color:#f84}.val.none{color:#223040}.hawkeye-title{color:#ffd166;letter-spacing:.08em;margin-bottom:3px}.hawkeye-stats{color:#8b7b4f;font-size:11px;line-height:1.65}.sep{border-top:1px solid #111c30;margin:5px 0}.stat-row{flex-wrap:wrap;gap:5px;display:flex}.chip{border:1px solid;border-radius:4px;padding:1px 6px;font-size:11px}.chip.both{color:#40ee80;background:#40ee8012;border-color:#1a4828}.chip.interp{color:#d6a7ff;background:#b464ff14;border-color:#53316f}.chip.landing{color:#ff78b6;background:#ff3b9114;border-color:#6b2448}.chip.left{color:#4af;background:#44aaff12;border-color:#1a3550}.chip.right{color:#f84;background:#ff884412;border-color:#502a00}.chip.none{color:#3a4a6a;border-color:#1a2a40}.legend{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:5;background:#040610db;border:1px solid #111c30;border-radius:9px;padding:8px 12px;font-size:11px;line-height:2;position:absolute;top:10px;right:10px}.leg{color:#5070a0;align-items:center;gap:7px;display:flex}.leg-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.leg-half{background:#a855f7;border-top:4px solid #223040;border-radius:2px;flex-shrink:0;width:9px;height:9px}.leg-sep{border-top:1px solid #111c30;margin:3px 0}.quick-views{z-index:5;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:115px;left:10px}.qv{text-align:center;min-width:52px;padding:3px 8px!important;font-size:11px!important}.ctrl-bar{z-index:5;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050710f2;border-top:1px solid #0e1828;padding:6px 10px 4px;position:absolute;bottom:0;left:0;right:0}.transport{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.btn{color:#7090bb;cursor:pointer;white-space:nowrap;background:#0b1020;border:1px solid #1a2a48;border-radius:6px;padding:4px 9px;font-family:inherit;font-size:13px;transition:background .12s,border-color .12s}.btn:hover{background:#142040;border-color:#274068}.btn.active{color:#00a8ff;background:#051a40;border-color:#05a}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.sm{padding:3px 7px;font-size:12px}.hawkeye-btn{color:#d6ab4d;border-color:#695423}.hawkeye-btn:hover,.hawkeye-btn.active{color:#ffd166;background:#2b2108;border-color:#c89524}.landing-display-btn{color:#d86b9f;border-color:#632447}.landing-display-btn:hover{color:#ff8fc2;background:#29101e;border-color:#a63c70}.landing-display-btn.mode-timeline{color:#c27ba0;border-style:dashed}.landing-display-btn.mode-none{color:#4d3a48;border-color:#392b36}.speed-box{border-left:1px solid #1a2a40;border-right:1px solid #1a2a40;align-items:center;gap:5px;padding:0 6px;display:flex}.speed-slider{accent-color:#07b;cursor:pointer;width:90px}.speed-val{text-align:center;min-width:44px;font-weight:700}.viz-box{border-right:1px solid #1a2a40;flex-wrap:wrap;align-items:center;gap:5px;padding:0 6px;display:flex}.select-ctrl{color:#7090bb;cursor:pointer;background:#0b1020;border:1px solid #1a2a48;border-radius:4px;padding:3px 6px;font-family:inherit;font-size:12px}.select-ctrl:hover{background:#142040;border-color:#274068}.select-ctrl:focus{border-color:#00a8ff;outline:none}.check-label{color:#5070a0;cursor:pointer;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.check-label input{cursor:pointer;accent-color:#07b}.check-label:hover{color:#7090bb}.muted{color:#2a4060;font-size:12px}.frame-info{color:#1e3050;margin-left:auto;font-size:12px}.kbd-hint{color:#0f1828;margin-top:2px;font-size:11px}.prog-wrap{cursor:pointer;background:#070c18;border:1px solid #0e1828;border-radius:3px;height:20px;margin-bottom:2px;position:relative;overflow:hidden}.prog-bar{pointer-events:none;background:linear-gradient(90deg,#036,#05a);height:100%;transition:width 50ms;position:absolute;top:0;left:0}.prog-dots{pointer-events:none;position:absolute;inset:0}.prog-dot{background:#1a2a40;border-radius:1px;width:2px;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%)}.prog-dot.dot-3d{background:#40ee80;height:12px}.prog-dot.dot-both{background:#364;height:8px}.prog-dot.dot-l{background:#258;height:6px}.prog-dot.dot-r{background:#532;height:6px}.prog-dot.dot-hawkeye{background:#ffd166;height:12px}.prog-dot.dot-interp{height:12px;overflow:hidden}.prog-dot.dot-interp:after{content:"";background:#a855f7;height:50%;position:absolute;bottom:0;left:0;right:0}.landing-candidate-dots{z-index:3;pointer-events:none;position:absolute;inset:0}.landing-candidate-dot{cursor:pointer;pointer-events:auto;background:#ff3b91;border:1px solid #ffe1f0;border-radius:2px;width:9px;height:9px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 7px #ff3b91d9}.landing-candidate-dot:hover{background:#ff78b6;width:12px;height:12px}.hawkeye-error{z-index:12;color:#f1bb61;background:#281805f2;border:1px solid #8b5d22;border-radius:7px;align-items:center;gap:12px;max-width:min(520px,100vw - 24px);padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:118px;left:50%;transform:translate(-50%);box-shadow:0 5px 24px #00000073}.hawkeye-error button{color:#c58c3d;cursor:pointer;background:0 0;border:0;font-size:17px;line-height:1}.settings-panel{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040814f5;border:1px solid #1a2a48;border-radius:10px;flex-direction:column;gap:10px;min-width:300px;max-height:calc(100vh - 135px);padding:14px 16px;display:flex;position:absolute;bottom:115px;right:10px;overflow-y:auto}.settings-panel h3{color:#58a;margin-bottom:4px;font-size:13px;font-weight:400}.set-row{align-items:center;gap:8px;display:flex}.set-input{color:#7090bb;background:#0b1020;border:1px solid #1a2a48;border-radius:4px;width:70px;padding:3px 7px;font-family:inherit;font-size:12px}.set-input:focus{border-color:#00a8ff;outline:none}.set-input:disabled,.set-slider:disabled{opacity:.35;cursor:not-allowed}.set-slider{accent-color:#07b;cursor:pointer;width:112px}.set-value{color:#7090bb;text-align:right;min-width:34px;font-size:12px}.set-info{color:#233040;font-size:11px;line-height:1.8}.video-panel{z-index:20;background:#040712f5;border:1px solid #1a2a48;border-radius:8px;min-width:260px;position:absolute;overflow:hidden;box-shadow:0 4px 24px #0009}.vp-title{cursor:grab;-webkit-user-select:none;user-select:none;color:#5580aa;background:#060d1c;border-bottom:1px solid #1a2a48;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:flex}.vp-title:active{cursor:grabbing}.vp-check{cursor:pointer;color:#3a6080;align-items:center;gap:4px;display:flex}.vp-input{color:#5580aa;background:#0a1420;border:1px solid #1a2848;border-radius:3px;width:54px;padding:2px 5px;font-family:inherit;font-size:11px}.vp-close{color:#3a5070;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:14px;line-height:1}.vp-close:hover{color:#f65}.vp-body{background:#000;justify-content:center;align-items:center;display:flex;position:relative}.vp-body video{display:block}.vp-empty{text-align:center;color:#1a3050;padding:24px 20px}.vp-empty-icon{margin-bottom:10px;font-size:30px}.vp-video{object-fit:contain;width:100%;height:100%}.vp-load{cursor:pointer;color:#3a6080;border:1px dashed #1a3050;border-radius:6px;margin-top:8px;padding:10px 20px;font-size:12px;display:inline-block}.vp-load:hover{color:#5580aa;border-color:#2a4060}.vp-resize{cursor:nwse-resize;z-index:1;background:linear-gradient(135deg,#0000 50%,#1a2a48 50%);width:16px;height:16px;position:absolute;bottom:0;right:0}