:root{color-scheme:dark;--bg:#10131c;--panel:#171b26;--line:#2c3140;--muted:#8491a8;--text:#edf0f7;--purple:#a89af5;--lime:#d7f590;--blue:#78a9ff;--orange:#ff9e83;font:13px Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:none}button:disabled{opacity:.4;cursor:default}a{color:inherit}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.hidden{display:none!important}
.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 25px;gap:28px;background:#141822}.brand{text-decoration:none;display:flex;align-items:center;gap:11px;font-weight:760;font-size:17px;letter-spacing:1.8px;line-height:1.35}.brand-mark{width:34px;height:35px;background:var(--purple);color:#171923;display:grid;place-items:center;border-radius:9px;font-size:25px;font-style:italic;font-weight:900;letter-spacing:-4px;padding-right:4px}.brand-sub{display:block;font-size:8px;letter-spacing:3px;color:var(--muted);font-weight:550}.workspace-title{display:flex;align-items:center;gap:14px;color:#b5bacc;font-size:12px}.slash{font-size:22px;color:#484e62}.beta{font-size:8px;letter-spacing:1.2px;padding:4px 6px;border:1px solid #4b4168;color:#c1b3ff;border-radius:4px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3a3e4c;border-radius:7px;padding:10px 14px;font-size:12px;font-weight:550;text-decoration:none;transition:background .15s,border-color .15s}.button.primary{color:#171b22;background:var(--lime);border-color:var(--lime)}.button.primary:hover{background:#e2ffa5}.button.subtle{background:#242936;border-color:#353b4b}.button:hover{border-color:#818698}.text-button{color:#adb3c6;font-size:12px;padding:4px 0;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.text-button:hover{color:var(--text)}.icon-button{height:32px;width:32px;display:inline-grid;place-items:center;border-radius:6px;color:#a4acc1;flex-shrink:0}.icon-button:hover{color:#f1f3fa;background:#2b3140}.icon-button.active,.icon-button[aria-pressed=true]{color:var(--lime);background:#d7f5900c}
.workspace{height:calc(100dvh - 72px);display:grid;grid-template-columns:244px minmax(300px,1fr) 268px;min-height:0}.library-panel,.inspector-panel{background:var(--panel);min-height:0}.library-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;padding:23px 17px 0}.eyebrow{font-size:9px;letter-spacing:1.65px;color:#9ba3b8;font-weight:650}.session-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.local-badge{font-size:7px;letter-spacing:.8px;color:#787f93;border:1px solid #343949;border-radius:3px;padding:3px 4px}.session-card{display:flex;gap:9px;align-items:center;background:#212533;padding:11px 8px;border:1px solid #343746;border-radius:7px;margin-bottom:20px}.session-icon{background:#a89af515;color:var(--purple);width:32px;height:33px;display:grid;place-items:center;border-radius:6px}.session-name{font-size:11px;font-weight:550;display:block;line-height:1.4}.session-card .small{font-size:9px;display:block;margin-top:3px}.muted{color:var(--muted)}.small{font-size:10px;line-height:1.5}.game-card{border-bottom:1px solid var(--line);padding-bottom:20px}.matchup{display:flex;justify-content:center;align-items:center;gap:21px;margin:23px 0 15px}.team-logo{font-size:18px;font-weight:850;width:48px;height:48px;border-radius:13px;display:grid;place-items:center;letter-spacing:-1px}.team-logo.home{background:#57303f;color:#f7e0e5;border:1px solid #794655}.team-logo.away{background:#ece4d6;color:#953e3c;border:1px solid #fff0e0}.versus{font-style:italic;color:#6c7386;font-size:11px}.matchup-title{text-align:center;font-weight:650;font-size:14px}.matchup-title span{font-weight:400;font-size:10px;margin:0 8px;color:var(--muted)}.game-card>.small{text-align:center;margin-top:7px;font-size:10px}.game-stats{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;margin-top:22px}.game-stats>div+div{border-left:1px solid #2b3040}.game-stats strong{display:block;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.game-stats span{display:block;font-size:7px;letter-spacing:1px;color:#7e879b;margin-top:6px}.roster-heading{display:flex;justify-content:space-between;align-items:center;margin:21px 0 14px}.count-badge{font-size:9px;border-radius:4px;background:#2c3140;padding:3px 5px;color:#adb5c9}.search{display:flex;align-items:center;gap:7px;height:32px;min-height:32px;border:1px solid #2f3545;border-radius:5px;background:#121722;padding:0 9px;color:#7d879d}.search svg{width:14px}.search input{width:100%;border:0;background:none;color:#dce1f0;outline:0;font-size:10px}.search input::placeholder{color:#697389}.roster-filters{display:flex;gap:4px;margin:12px 0}.roster-filters button{font-size:9px;color:#8f99ae;border-radius:4px;padding:6px 10px}.roster-filters button.active{background:#2b3041;color:#dce2f0}.roster{min-height:70px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#3b4256 transparent;margin:0 -7px}.roster-team{font-size:8px;font-weight:650;letter-spacing:1.2px;color:#7e8aa2;padding:13px 9px 9px;display:flex;align-items:center;gap:7px}.team-dot{height:5px;width:5px;background:var(--blue);border-radius:50%}.roster-player{display:flex;align-items:center;width:100%;border:1px solid transparent;border-radius:6px;padding:9px 8px;gap:9px;text-align:left;margin:1px 0;min-height:48px}.roster-player:hover{background:#222837}.roster-player.active{background:#a89af50d;border-color:#6c5c944f}.roster-number{height:29px;width:27px;display:grid;place-items:center;background:#78a9ff0d;color:var(--blue);border-radius:5px;font-size:10px;font-weight:650}.roster-player[data-team-index="1"] .roster-number{background:#ff9e830c;color:var(--orange)}.roster-name{font-size:10px;font-weight:530;line-height:1.4}.roster-sub{font-size:8px;color:#69768e;display:block;margin-top:3px}.player-presence{width:5px;height:5px;background:#c9e992;border-radius:50%;margin-left:auto;box-shadow:0 0 7px #d7f59025}.player-presence.absent{background:#434b5e;box-shadow:none}.roster-player.active .roster-name{color:#d8cbff}.panel-bottom{height:54px;min-height:54px;border-top:1px solid #2b3040;display:flex;align-items:center;gap:7px;font-size:8px;color:#7e899f;margin-top:15px}.panel-bottom .text-button{margin-left:auto}.panel-bottom svg{height:15px;width:15px}.status-dot{width:5px;height:5px;background:var(--lime);border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.purple{background:var(--purple)}
.viewer-panel{min-width:0;display:flex;flex-direction:column;position:relative;background:var(--bg)}.viewer-heading{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;flex-shrink:0}.viewer-heading h1{font-size:18px;letter-spacing:-.5px;margin:7px 0 0;font-weight:550}.viewer-heading .eyebrow{font-size:8px;color:var(--purple);letter-spacing:1.9px}.source-pill{font-size:7px;letter-spacing:1px;border:1px solid #39364d;border-radius:5px;color:#b5a8e2;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;white-space:nowrap}.source-pill>span{width:4px;height:4px;border-radius:50%;background:#aa95ed}.viewer-toolbar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #272b38;flex-shrink:0}.segmented{display:flex;background:#1d2230;border-radius:5px;padding:3px;gap:3px}.segmented button{font-size:10px;color:#929db5;border-radius:3px;padding:6px 12px}.segmented button.active{background:#363246;color:#e5dcff;box-shadow:0 1px 3px #0002}.toolbar-end{display:flex;gap:3px}.stage{position:relative;flex:1;min-height:180px;background:radial-gradient(ellipse at 50% 53%,#25283b 0,#141a28 50%,#10141f 100%);overflow:hidden}.stage>canvas{display:block;width:100%;height:100%;position:absolute;inset:0;outline:none}.stage-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -35px 60px #0e13225a;z-index:1}.stage-top{position:absolute;inset:19px 24px auto;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none;gap:10px}.view-chip{display:inline-flex;align-items:center;gap:7px;color:#aab2c8;font-size:8px;letter-spacing:1.3px}.view-chip .status-dot{background:#a89af5;box-shadow:0 0 10px #a89af535}.scorebug{display:flex;align-items:center;background:#0e1324ad;border:1px solid #3e425b77;border-radius:6px;backdrop-filter:blur(10px);padding:7px 10px;gap:11px}.scorebug>span:first-child{font-size:8px;color:#929db7;padding-right:10px;border-right:1px solid #3d455d}.scorebug strong{font-size:17px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:1px}.scorebug .shot-clock{font-size:10px;color:#f2b68e;margin-left:3px;font-variant-numeric:tabular-nums}.stage-tracked{font-size:8px;color:#7f8ba3}.camera-views{display:flex;align-items:center;gap:2px;position:absolute;bottom:57px;left:50%;transform:translateX(-50%);border:1px solid #3a415780;border-radius:7px;padding:4px;background:#151c2be6;z-index:2;backdrop-filter:blur(8px);white-space:nowrap}.camera-views button{font-size:9px;color:#95a0b8;padding:7px 11px;border-radius:4px}.camera-views button.active{background:#a89af527;color:#cfbdff}.stage-bottom{position:absolute;bottom:14px;left:24px;right:20px;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#6f7d98;font-size:8px;pointer-events:none}.stage-bottom button{pointer-events:auto}.dot-divider{margin:0 8px}.axis{position:absolute;right:27px;bottom:67px;width:43px;height:42px;pointer-events:none;font-size:7px;z-index:2}.axis i{position:absolute;width:2px;height:22px;left:20px;top:8px;background:#8d9da5}.axis i:before,.axis i:after{content:'';position:absolute;width:2px;height:18px;background:#9e7186;bottom:-5px;transform:rotate(-55deg);transform-origin:center top}.axis i:after{transform:rotate(55deg);background:#7f92b7}.axis-y{position:absolute;top:-5px;left:18px;color:#98b49d}.axis-z{position:absolute;bottom:0;left:0;color:#8198be}.axis-x{position:absolute;bottom:0;right:0;color:#b18195}
.display-controls{display:flex;align-items:center;gap:19px;padding:0 24px;height:48px;border-top:1px solid #252b3a;border-bottom:1px solid var(--line);flex-shrink:0;background:#171b27}.toggle{display:inline-flex;align-items:center;gap:7px;font-size:9px;color:#9da6bc;cursor:pointer;white-space:nowrap;user-select:none}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle>span{width:24px;height:13px;background:#363d50;border-radius:10px;position:relative;transition:background .18s}.toggle>span:after{content:'';position:absolute;left:3px;top:3px;height:7px;width:7px;background:#8390aa;border-radius:50%;transition:transform .18s}.toggle input:checked+span{background:#736692}.toggle input:checked+span:after{background:#ddd0ff;transform:translateX(11px)}.toggle input:focus-visible+span{outline:2px solid var(--lime);outline-offset:3px}.court-dimensions{margin-left:auto;font-size:7px;letter-spacing:.6px;color:#737f96;white-space:nowrap}.court-dimensions>span{margin:0 6px}.playback-panel{padding:18px 24px 14px;background:#171b27;flex-shrink:0}.timeline-labels{display:flex;justify-content:space-between;align-items:center}.timeline-labels>span:first-child{display:flex;align-items:center;gap:14px}.timeline-labels .eyebrow{font-size:8px}.timeline-labels #timeline-caption{font-size:8px;color:#6d7c94}.time-display{font-size:9px;color:#7d89a0;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.time-display strong{color:#c6cedd;font-weight:400}.time-display>span:first-of-type{margin:0 8px;color:#525d75}.timeline-container{position:relative;margin-top:13px;padding:3px 0 17px}.timeline-container input{display:block;width:100%;margin:0;accent-color:var(--purple);height:12px;cursor:pointer;appearance:none;background:transparent;position:relative;z-index:2;--progress:0%}.timeline-container input::-webkit-slider-runnable-track{height:3px;border-radius:5px;background:linear-gradient(to right,#b9a7ff var(--progress),#384054 var(--progress))}.timeline-container input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#d4c4ff;margin-top:-3.5px;box-shadow:0 0 0 4px #b5a0ff12}.timeline-container input::-moz-range-track{height:3px;background:#384054}.timeline-container input::-moz-range-progress{height:3px;background:#b9a7ff}.timeline-container input::-moz-range-thumb{height:10px;width:10px;border:0;background:#d4c4ff}.timeline-ticks{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font-size:7px;color:#66728a;font-variant-numeric:tabular-nums}.timeline-ticks span:before{content:'';display:block;height:4px;width:1px;background:#394153;margin-bottom:5px}.timeline-ticks span:last-child{text-align:right}.timeline-ticks span:last-child:before{margin-left:auto}.gap-marks{position:absolute;top:7px;left:0;right:0;height:4px;pointer-events:none;z-index:3}.gap-mark{position:absolute;height:4px;background:#e9a56a;opacity:.7;min-width:2px}.transport{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.transport-left,.transport-right{display:flex;align-items:center;gap:8px}.transport .icon-button{width:27px;height:28px}.transport .icon-button svg{width:16px;height:16px}.transport-separator{height:13px;width:1px;background:#373e50;margin:0 3px}.backward svg{transform:rotate(180deg)}.play-button{display:grid;place-items:center;width:33px;height:32px;border:1px solid #726588;border-radius:6px;background:#a89af51a;color:#d6c6ff}.play-button svg{height:16px;width:16px}.play-button:hover{background:#bfa4ff33}.speed-label{margin-left:8px}.speed-label select{border:1px solid #373d4d;background:#222837;color:#b3bed2;font-size:9px;border-radius:5px;padding:5px 6px;min-width:53px}.small-toggle{font-size:8px}.small-toggle>span{transform:scale(.85)}.frame-counter{font-size:8px;letter-spacing:.7px;color:#8390aa;font-variant-numeric:tabular-nums;margin-left:12px}.viewer-footer{height:31px;display:flex;align-items:center;gap:18px;padding:0 24px;background:#141823;border-top:1px solid #292f3e;font-size:7px;color:#6e7b94;flex-shrink:0}.viewer-footer>span{display:flex;align-items:center;gap:6px}.footer-brand{margin-left:auto;letter-spacing:1px;font-size:6px}
.inspector-panel{border-left:1px solid var(--line);padding:23px 20px 0;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3b4256 transparent}.inspector-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.inspector-heading svg{width:15px;height:15px;color:#68758f}.selected-player{display:flex;align-items:center;gap:11px}.jersey-badge{height:44px;width:42px;min-width:42px;display:grid;place-items:center;background:#78a9ff13;color:var(--blue);border:1px solid #78a9ff27;border-radius:9px;font-size:21px;font-weight:650}.selected-player h2{font-size:15px;margin:0 0 7px;font-weight:550;letter-spacing:-.2px}.selected-player .small{font-size:9px}.player-actions{display:flex;align-items:center;gap:8px;margin:19px 0 22px}.player-actions .button{font-size:9px;padding:8px 10px;flex:1}.player-actions .button svg{height:14px;width:14px}.player-actions .icon-button{border:1px solid #353b4b;height:31px;width:33px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.metric-grid>div{padding:13px 0;border-top:1px solid #2c3242}.metric-grid label{display:block;font-size:7px;letter-spacing:.7px;color:#8491ab;white-space:nowrap}.metric-grid strong{display:block;font-size:21px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.5px;margin-top:8px}.metric-grid strong small{font-size:9px;color:#7a879f;letter-spacing:0}.inspector-section{border-top:1px solid #2c3242;padding-top:20px;margin-top:8px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.mini-tag{font-size:6px;letter-spacing:1px;padding:3px 5px;border:1px solid #3b3b52;border-radius:3px;color:#9a8fbc}.joint-map{position:relative;height:160px;display:flex;justify-content:center;margin:13px 0 8px;background:radial-gradient(ellipse at 50% 56%,#39334b38,transparent 66%)}.joint-map>svg{width:194px;height:155px;fill:none;stroke:none}.body-bones{stroke:#625a7b;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.body-head{stroke:#74698f;stroke-width:2.3;fill:#1c2130}.body-joints{fill:#b2a3d5;stroke:none}.body-joints .joint-highlight{fill:#d7f590;stroke:#d7f59025;stroke-width:9}.joint-map-label{position:absolute;right:4px;top:4px;font-size:21px;font-weight:300;color:#998bb7;line-height:1}.joint-map-label small{font-size:5px;letter-spacing:1px;font-weight:600;color:#6d647f}.joint-select{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8692a9}.joint-select select{max-width:120px;background:#242a39;border:1px solid #363e51;color:#b8c3d8;border-radius:4px;padding:6px;font-size:9px}.coordinate-row{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:9px}.coordinate-row>div{display:flex;align-items:center;gap:6px}.coordinate-row>div>span{font-size:7px;border:1px solid #44424e;width:15px;height:16px;border-radius:3px;display:grid;place-items:center}.x-dot{color:#de92a4}.y-dot{color:#a0b7dd}.z-dot{color:#a4c7ad}.coordinate-row strong{font-size:10px;font-variant-numeric:tabular-nums;font-weight:450}.coordinate-row>.muted{font-size:7px}.joint-angle{display:flex;justify-content:space-between;align-items:center;margin-top:15px;background:#202534;border-radius:5px;padding:10px;font-size:9px;color:#929fb8}.joint-angle strong{color:#d7f590;font-weight:450;font-size:13px}.tracking-quality{margin-top:21px}.valid-joints{font-size:9px;color:#b6cba0;font-variant-numeric:tabular-nums}.quality-bar{height:3px;background:#323b4b;margin:13px 0 15px;border-radius:4px;overflow:hidden}.quality-bar span{display:block;width:100%;height:100%;background:#a7bda0}.sample-line{display:flex;justify-content:space-between;font-size:8px;color:#7d8aa3;margin-top:10px}.sample-line strong{font-size:8px;color:#b6c0d2;font-weight:400}.quality-note{font-size:8px;line-height:1.65;color:#6a7893;margin:14px 0 0}.export-frame{width:100%;font-size:9px;padding:9px;margin-top:20px;color:#b0bdd4;border-color:#343d50}.export-frame svg{height:13px;width:13px}.inspector-bottom{margin-top:auto;padding:24px 0 18px;display:flex;justify-content:space-between;align-items:center;color:#606f8b;font-size:8px}.orbit-mark{font-size:20px;color:#6b6484}.empty-inspector{padding-top:30px;line-height:1.8;color:#8491a9}.empty-inspector svg{height:32px;width:32px;color:var(--purple)}.empty-inspector h2{font-size:19px;font-weight:500;color:#d8dcef}.empty-inspector p{font-size:11px}.roster-empty{font-size:10px;color:#8795ad;padding:20px 10px;line-height:1.8}
.loading{position:absolute;inset:0;background:radial-gradient(ellipse,#252537f9,#121724fa);z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.loading-logo{width:52px;height:54px;background:var(--purple);border-radius:15px;display:grid;place-items:center;font-size:37px;font-weight:800;color:#141823;font-style:italic;animation:breathe 2s ease-in-out infinite}.loading h2{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:25px 0 0}.loading p{font-size:11px;color:#949fb5;margin-top:12px}.loading .button{margin-top:20px}.gap-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;background:#221f21d9;border:1px solid #c98a5640;color:#f1c09a;padding:16px 21px;border-radius:9px;font-size:12px;text-align:center;width:max-content;max-width:85%;backdrop-filter:blur(8px)}.drop-overlay{position:absolute;inset:8px;border:2px dashed var(--purple);border-radius:12px;background:#1b1c31ec;z-index:9;display:flex;align-items:center;justify-content:center;flex-direction:column}.drop-overlay svg{width:40px;height:40px;color:var(--purple)}.drop-overlay h2{font-size:22px;font-weight:500;margin-top:24px}.drop-overlay p{font-size:11px;color:var(--muted)}
.dialog{color:var(--text);border:1px solid #414759;background:#1a1f2c;border-radius:14px;box-shadow:0 30px 150px #0009;padding:35px;max-width:calc(100vw - 30px);width:560px;max-height:85dvh;overflow:auto}.dialog::backdrop{background:#080b14ad;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:16px;top:14px}.dialog>.eyebrow{color:var(--purple);font-size:8px}.dialog h2{font-size:27px;letter-spacing:-1px;font-weight:500;margin:15px 0 12px}.dialog p{font-size:12px;line-height:1.7;color:#9ba8c1}.file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border:1px dashed #62647b;border-radius:9px;padding:30px 15px;background:#252839aa;margin:25px 0 14px;gap:12px}.file-drop:hover{border-color:var(--purple);background:#302d46}.upload-circle{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#a89af51c;color:var(--purple);margin-bottom:4px}.upload-circle svg{height:24px;width:24px}.file-drop strong{font-size:13px;font-weight:500}.file-drop>span:last-child{font-size:9px;color:#8795b0}.import-options{display:flex;justify-content:space-between;gap:10px}.import-options .text-button{font-size:10px;color:#c0b2ea}.privacy-note{font-size:9px;color:#a6b99c;display:flex;align-items:center;gap:8px;margin-top:28px}.dialog .import-tip{font-size:10px;line-height:1.7;color:#77849d;margin-top:15px;border-top:1px solid #31394d;padding-top:16px}.import-tip a,.inline-button{color:#b6a6f1}.inline-button{font-size:inherit;padding:0;text-decoration:underline}.guide-dialog{width:660px}.guide-block{margin-top:22px;padding-top:15px;border-top:1px solid #343c50}.guide-block h3{font-size:14px;font-weight:550;margin:0}.guide-block p{font-size:11px}.guide-block li{font-size:11px;line-height:1.8;color:#9ba8c1;margin:8px 0}.guide-block ul{padding-left:17px}.guide-block .small{font-size:9px}.guide-block pre{padding:15px;background:#101722;border:1px solid #303a4e;border-radius:6px;color:#cbdbb5;font-size:11px;line-height:1.8;overflow:auto}code{font-size:.9em;color:#c0b3e2}.guide-block .button{font-size:10px}.help-dialog{width:440px}.shortcut{display:flex;justify-content:space-between;align-items:center;font-size:11px;border-bottom:1px solid #32394a;padding:13px 0;color:#a4b0c8}.shortcut kbd{font:10px ui-monospace,monospace;border:1px solid #4c5366;padding:4px 7px;border-radius:4px;background:#2b3140;color:#d1d9e8}.help-dialog .small{font-size:10px;margin-top:23px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 20px;border:1px solid #55566b;background:#242938;box-shadow:0 10px 40px #0006;border-radius:8px;color:#d5dced;font-size:11px;z-index:50;max-width:90vw;line-height:1.6}.stage:fullscreen{width:100vw;height:100dvh}.stage:fullscreen .stage-top{top:35px}.stage:fullscreen .camera-views{bottom:65px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.search:focus-within{border-color:#81769f}@keyframes breathe{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}
@media(min-width:1650px){.workspace{grid-template-columns:270px minmax(300px,1fr) 298px}.library-panel{padding:27px 23px 0}.inspector-panel{padding:27px 25px 0}.viewer-heading{height:95px}.viewer-heading h1{font-size:22px}.roster-name{font-size:12px}.roster-player{padding:11px 8px}.joint-map{height:190px}.joint-map>svg{height:182px;width:214px}.metric-grid strong{font-size:25px}.playback-panel{padding:22px 30px 20px}}
@media(max-width:1200px){.workspace{grid-template-columns:212px minmax(300px,1fr) 237px}.library-panel{padding-left:13px;padding-right:13px}.inspector-panel{padding-left:15px;padding-right:15px}.viewer-heading{padding:0 18px}.viewer-heading h1{font-size:16px}.source-pill{font-size:6px;padding:5px}.viewer-toolbar,.display-controls{padding:0 17px}.display-controls{gap:13px}.court-dimensions{display:none}.playback-panel{padding-left:17px;padding-right:17px}.viewer-footer{padding-left:17px;padding-right:17px}.footer-brand{display:none!important}.topbar{padding:0 18px;gap:23px}.workspace-title{font-size:10px;gap:10px}.metric-grid{gap:0 10px}.metric-grid label{font-size:6px}.session-name{font-size:10px}.stage-top{inset:16px 16px auto}.stage-tracked{display:none}.scorebug{gap:7px;padding:6px 9px}.scorebug strong{font-size:15px}.transport-right .small-toggle{display:none}.frame-counter{margin-left:0}.timeline-labels #timeline-caption{display:none}.selected-player h2{font-size:14px}}
@media(max-width:1000px){.workspace{grid-template-columns:200px minmax(300px,1fr)}.inspector-panel{display:none}.workspace-title{display:none}.viewer-heading h1{font-size:19px}.source-pill{font-size:7px}.topbar{height:64px}.workspace{height:calc(100dvh - 64px)}.stage-tracked{display:inline-block}.transport-right .small-toggle{display:flex}.frame-counter{margin-left:10px}}
@media(max-width:650px){.topbar{padding:0 14px;gap:8px;height:62px}.brand{font-size:14px;letter-spacing:1.2px;gap:8px}.brand-mark{width:29px;height:30px;font-size:23px}.brand-sub{font-size:6px;letter-spacing:2.4px}.top-actions{gap:7px}.top-actions>.text-button{display:none}.top-actions .icon-button{width:27px}.button.primary{font-size:10px;padding:8px 10px;gap:6px}.button.primary svg{width:14px;height:14px}.workspace{height:calc(100dvh - 62px);display:flex;flex-direction:column}.library-panel{display:none}.viewer-panel{flex:1;min-height:0}.viewer-heading{height:67px;padding:0 16px}.viewer-heading h1{font-size:16px}.viewer-heading .eyebrow{font-size:7px}.source-pill{font-size:6px;padding:5px 6px;letter-spacing:.6px}.viewer-toolbar{height:40px;padding:0 14px}.segmented button{font-size:9px;padding:5px 10px}.stage{min-height:180px}.stage-top{inset:14px 16px auto}.stage-tracked{display:none}.scorebug strong{font-size:14px}.scorebug{padding:5px 8px}.scorebug>span:first-child{font-size:7px}.view-chip{font-size:7px;gap:5px;letter-spacing:1px}.camera-views{bottom:43px}.camera-views button{font-size:8px;padding:6px 10px}.stage-bottom{bottom:8px;left:15px;right:12px;font-size:7px}.axis{display:none}.display-controls{height:41px;padding:0 15px;gap:13px}.toggle{font-size:8px;gap:5px}.toggle>span{transform:scale(.85)}.display-controls .toggle:last-of-type{display:none}.playback-panel{padding:14px 16px 11px}.transport-right .small-toggle{display:none}.frame-counter{font-size:7px;letter-spacing:.3px}.transport-left{gap:6px}.transport-left .icon-button{width:24px}.transport{margin-top:12px}.timeline-labels .eyebrow{font-size:7px}.time-display{font-size:8px}.timeline-ticks{font-size:6px}.viewer-footer{height:28px;padding:0 15px;justify-content:space-between;font-size:6px;gap:5px}.viewer-footer>span:nth-child(2){max-width:60%;text-align:right}.dialog{padding:29px 22px;border-radius:12px}.dialog h2{font-size:23px}.file-drop{padding:24px 12px}.file-drop>span:last-child{font-size:8px}.import-options .text-button{font-size:9px}.guide-block pre{font-size:9px}.loading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.score-display{font-size:10px;color:#a5b1c9;font-variant-numeric:tabular-nums;border-right:1px solid #3d455d;padding-right:11px}
/* Studio 02 */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.workspace-picker{display:block;margin:-1px 0 13px}.workspace-picker select{width:100%;background:#222837;color:#d2d6e6;border:1px solid #3a4256;border-radius:6px;padding:9px 8px;font-size:10px;text-overflow:ellipsis}.session-card{margin-bottom:16px}.game-card{padding-bottom:15px}.matchup{margin:18px 0 12px}.game-stats{margin-top:17px}.viewer-heading h1{font-size:18px}.toolbar-end{align-items:center}.toolbar-end select{background:#212737;border:1px solid #3b4055;color:#c4bcde;font-size:10px;padding:7px;border-radius:5px;max-width:168px}.layer-button{font-size:9px;color:#b4a7d9}.display-controls{gap:15px}.inspector-panel{overflow:hidden}.inspector-heading{margin-bottom:16px;flex-shrink:0}.inspector-tabs{display:flex;gap:3px;padding:4px;background:#111722;border:1px solid #2b3448;border-radius:7px;margin-bottom:18px;flex-shrink:0}.inspector-tabs button{padding:8px 5px;flex:1;font-size:9px;color:#8492ac;border-radius:4px}.inspector-tabs button.active{background:#353047;color:#d8ccfa}.inspector-pane{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#3d455e transparent;padding-right:4px;margin-right:-4px}.inspector-bottom{flex-shrink:0;margin-top:0;padding:14px 0}.selected-player{margin-top:2px}.joint-map{height:127px;margin:11px 0}.joint-map>svg{height:125px;width:180px}.metric-grid>div{padding:12px 0}.tracking-quality{padding-top:17px}.mechanics-readout,.ball-readout{padding-top:19px;margin-top:20px;border-top:1px solid var(--line)}.mechanics-metrics{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.mechanics-metrics>div{display:flex;flex-direction:column;gap:5px}.mechanics-metrics label{font-size:7px;letter-spacing:.6px;color:#8491ab}.mechanics-metrics strong{font-size:12px;color:#c3cce0;font-weight:450;font-variant-numeric:tabular-nums}.mechanics-metrics strong small{font-size:8px;color:#77849e}.mechanics-readout>canvas{width:100%;height:55px;margin-top:15px;border-bottom:1px solid #3b4054}.hint{font-size:9px!important;line-height:1.7!important;color:#8290a9!important;margin:12px 0}.pane-intro h2{font-size:20px;font-weight:450;letter-spacing:-.6px;margin:0 0 10px}.pane-intro>p{font-size:10px;line-height:1.7;color:#8795ad;margin-bottom:18px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0}.form-pair select,.field-label input,.field-label select{min-width:0;width:100%;background:#222938;border:1px solid #3b445a;border-radius:5px;color:#bcc8df;padding:8px 6px;font-size:10px}.form-pair select{font-size:9px;padding:7px 4px}.field-label{display:flex;flex-direction:column;gap:8px;font-size:9px;color:#8f9db6;margin:10px 0}.event-navigation{display:flex;justify-content:space-between;align-items:center;gap:4px;margin:14px 0}.event-navigation .button{font-size:8px;padding:6px}.event-navigation>span{font-size:8px;color:#8290a9}.event-list{display:flex;flex-direction:column;gap:5px}.event-card{padding:10px 8px;border:1px solid #2b354a;background:#1c2332;border-radius:6px;text-align:left;display:grid;grid-template-columns:36px 1fr;gap:8px;width:100%}.event-card:hover{border-color:#6d638e;background:#25273c}.event-card.active{border-color:#9d87d8;background:#302943}.event-time{font-size:9px;color:#ac9bdb;font-variant-numeric:tabular-nums}.event-main{font-size:10px;color:#d3dbed;line-height:1.5}.event-main>span{font-size:8px;color:#8a99b4;display:block}.event-meta{display:flex;justify-content:space-between;gap:4px;align-items:center;margin-top:6px;font-size:7px;color:#6f82a2;letter-spacing:.4px}.source-tag{font-size:6px;background:#2d3448;padding:2px 3px;border-radius:3px;color:#b4bdd1}.event-detail{border-top:1px solid #4c4162;margin-top:18px;padding-top:18px}.event-detail>h3{font-size:17px;font-weight:450;margin:12px 0 8px}.event-detail>p{font-size:10px;color:#8f9db6;line-height:1.7}.event-detail details{margin-top:15px}.event-detail summary{font-size:9px;color:#ab9ed0;cursor:pointer}.event-detail pre{font:8px/1.7 ui-monospace,monospace;max-height:320px;overflow:auto;background:#101723;border-radius:5px;padding:10px;white-space:pre-wrap;word-break:break-word;color:#9bb0cf}.source-metrics{display:grid;grid-template-columns:1fr;gap:7px;margin:12px 0}.source-metric{display:flex;justify-content:space-between;font-size:9px;gap:8px;color:#899bb8}.source-metric strong{color:#ccd5e8;font-weight:450;overflow-wrap:anywhere;text-align:right}.review-block{margin:0 0 20px;padding-bottom:19px;border-bottom:1px solid #2f384c}.review-block>.eyebrow{display:block;margin-bottom:12px}.button-row{display:flex;gap:6px;align-items:center;margin-top:11px}.button-row .button{flex:1;font-size:9px;padding:8px 5px}.button-row .text-button{font-size:9px}.full-width{width:100%;font-size:10px;margin-top:10px}.review-status{font-size:9px;color:#afbc99;line-height:1.7;margin-bottom:0}.notes-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}.note-row{display:flex;gap:6px;align-items:center;background:#202736;border:1px solid #333e53;border-radius:5px;padding:8px}.note-row>button:first-child{flex:1;min-width:0;font-size:10px;text-align:left;color:#c0cae0;line-height:1.6;overflow-wrap:anywhere}.note-row>button:first-child small{display:block;color:#8897b2;font-size:8px}.note-row .remove-note{font-size:14px;color:#7e8aa1;padding:2px 5px}.note-row .remove-note:hover{color:#f39494}.quality-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px;margin:20px 0}.quality-summary>div label{display:block;font-size:7px;color:#8593ae;letter-spacing:.6px}.quality-summary strong{display:block;font-size:20px;font-weight:400;margin-top:7px;font-variant-numeric:tabular-nums;color:#d3dbec}.subheading{font-size:10px;font-weight:500;letter-spacing:.2px;color:#adbbd6;margin-top:23px}.source-feed-list{display:flex;flex-direction:column;gap:7px;font:9px/1.6 ui-monospace,monospace;color:#a89acb;overflow-wrap:anywhere}.coverage-row{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:8px;color:#8c9bb6}.coverage-row>span:first-child{width:40px}.coverage-row .coverage-track{flex:1;height:5px;background:#2e384b;border-radius:3px;overflow:hidden}.coverage-track>i{display:block;height:100%;background:#9b8bbb}.coverage-row>span:last-child{width:36px;text-align:right;font-variant-numeric:tabular-nums}.import-log{font-size:9px;color:#9ca7b9;line-height:1.8;max-height:180px;overflow:auto}.camera-reason{position:absolute;bottom:44px;left:24px;color:#7c8ba9;font-size:7px;z-index:2;max-width:33%}.stage-notice{position:absolute;top:65px;left:50%;transform:translateX(-50%);z-index:3;color:#c4b2dd;background:#181c2ddc;border:1px solid #4a3a5c;border-radius:5px;padding:7px 10px;font-size:8px;line-height:1.6;max-width:85%;text-align:center;pointer-events:none}.stage>canvas.minimap{position:absolute;inset:auto 20px 58px auto;width:141px;height:75px;border:1px solid #4b48613d;border-radius:5px;z-index:2;background:#101623c9;cursor:pointer;opacity:.9}.gap-banner{display:flex;flex-direction:column;gap:7px;align-items:center}.gap-banner .text-button{font-size:10px;color:#d5b49e}.camera-tuning{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;margin:27px 0}.camera-tuning>label{display:grid;grid-template-columns:1fr auto;font-size:11px;color:#aebbd2;gap:12px}.camera-tuning output{font-size:10px;font-variant-numeric:tabular-nums;color:#bdaaf0}.camera-tuning input{grid-column:1/-1;accent-color:#ad98e4;width:100%;margin:0}.layer-list{display:flex;flex-direction:column;gap:22px;margin:25px 0}.layer-list .toggle{font-size:11px;gap:11px}.saved-game-list{display:flex;flex-direction:column;gap:8px;margin:22px 0}.saved-row{border:1px solid #42475c;border-radius:7px;padding:15px;display:flex;align-items:center;gap:10px;background:#222838}.saved-row>button:first-child{flex:1;text-align:left;font-size:13px;font-weight:500}.saved-row small{display:block;font-size:9px;color:#8f9db8;margin-top:7px}.saved-row>button:last-child{font-size:10px;color:#c08e9b}.attach-toggle{font-size:10px;line-height:1.7;white-space:normal;margin-bottom:13px}.import-options .text-button{font-size:9px}.video-panel{height:175px;flex-shrink:0;display:flex;background:#090d16;border-top:1px solid #343348;border-bottom:1px solid #343348;padding:8px 17px;gap:15px}.video-panel video{max-width:72%;height:100%;object-fit:contain;flex:1;min-width:0;background:#05080e}.video-panel>div{display:flex;flex-direction:column;gap:13px;width:150px;justify-content:center;min-width:0}.video-panel strong{font-size:9px;line-height:1.5;color:#b7b0cb;overflow-wrap:anywhere;font-weight:400}.video-panel .hint{font-size:8px!important;margin:0}.video-panel .text-button{font-size:9px}.clip-mark{position:absolute;top:3px;height:12px;background:#d7f59019;border:1px solid #d7f59066;border-radius:4px;z-index:1;pointer-events:none}#event-marks{position:absolute;top:-3px;left:0;right:0;height:4px;pointer-events:none;z-index:3}.event-marker{position:absolute;width:2px;height:4px;background:#9c77ce;opacity:.6}.event-marker.shot{background:#d7f590;opacity:.85}.mobile-control{display:none}.recording{color:#f38c96!important;background:#c9434a25!important;animation:recordPulse 1s infinite}.drawer-backdrop{display:none}.transport-right .icon-button{font-size:13px}#more-events{width:100%;font-size:9px;margin-top:10px}.source-pill.snapshot{color:#e4b48e;border-color:#806043}.source-pill.snapshot>span{background:#d5a070}@keyframes recordPulse{50%{opacity:.45}}
@media(min-width:1500px){.workspace{grid-template-columns:244px minmax(350px,1fr) 300px}.inspector-panel{padding-left:22px;padding-right:22px}.roster-name{font-size:11px}.stage>canvas.minimap{width:160px;height:85px}.joint-map{height:146px}.joint-map>svg{height:143px}}
@media(max-width:1200px){.toolbar-end select{max-width:139px;font-size:9px}.viewer-heading h1{font-size:16px}.stage>canvas.minimap{width:115px;height:62px;bottom:59px;right:15px}.camera-reason{font-size:6px;left:18px;max-width:27%}.camera-views button{padding:7px 9px}.display-controls{gap:12px}.layer-button{font-size:8px}.workspace-title{font-size:10px}.top-actions{gap:13px}}
@media(max-width:1000px){.workspace{grid-template-columns:200px minmax(300px,1fr)}.mobile-control{display:inline-grid}.inspector-panel{display:none}.inspector-panel .inspector-heading{margin-bottom:9px}.inspector-open .inspector-panel{display:flex;position:fixed;right:0;top:64px;bottom:0;width:300px;z-index:25;box-shadow:-20px 0 60px #0008}.inspector-open .drawer-backdrop,.roster-open .drawer-backdrop{display:block;position:fixed;inset:64px 0 0;background:#060a1366;z-index:24}.viewer-heading h1{font-size:18px}#mobile-roster{display:none}.toolbar-end select{max-width:165px}.stage>canvas.minimap{width:141px;height:75px}.camera-reason{max-width:33%}.mechanics-metrics label{font-size:8px}.inspector-pane .eyebrow{font-size:9px}}
@media(max-width:650px){.workspace{display:flex;flex-direction:column}.workspace-picker select{font-size:11px}.viewer-heading h1{font-size:15px}.viewer-heading{height:64px}.source-pill{max-width:108px;font-size:6px;letter-spacing:.3px}.toolbar-end select{max-width:120px;font-size:8px;padding:7px 4px}.toolbar-end .icon-button{width:27px;height:29px}.segmented button{font-size:8px;padding:5px 8px}.viewer-toolbar{padding:0 10px;gap:5px}#snapshot{display:none}.toolbar-end{gap:0}.toolbar-end #mobile-roster{display:inline-grid}#camera-open{display:none}.stage>canvas.minimap{width:85px;height:45px;right:13px;bottom:58px}.camera-reason{font-size:6px;left:14px;bottom:47px;max-width:28%}.camera-views{left:14px;transform:none;bottom:48px;max-width:calc(100% - 118px);overflow:auto;gap:0;padding:3px}.camera-views button{font-size:7px;padding:6px 8px}.camera-reason{display:none}.stage-notice{top:55px;font-size:7px;padding:6px 8px;width:max-content;max-width:90%}.display-controls{gap:11px;padding:0 13px}.layer-button{font-size:8px}.display-controls .toggle{font-size:8px}.display-controls .toggle:last-of-type{display:none}.transport-right .frame-counter{display:none}.top-actions #saved-open{display:none}.video-panel{height:128px;padding:6px 12px;gap:10px}.video-panel>div{width:115px;gap:9px}.video-panel strong{font-size:8px}.video-panel .toggle{font-size:7px}.video-panel video{max-width:65%}.inspector-open .inspector-panel{top:62px;width:min(310px,90vw)}.inspector-open .drawer-backdrop,.roster-open .drawer-backdrop{inset:62px 0 0}.roster-open .library-panel{display:flex;position:fixed;left:0;top:62px;bottom:0;width:min(280px,85vw);z-index:25;box-shadow:20px 0 60px #0008}.roster-open .roster-name{font-size:12px}.roster-open .roster-team{font-size:9px}.roster-open .session-name{font-size:12px}.camera-tuning{gap:24px 15px}.camera-tuning>label{font-size:10px}.form-pair select{font-size:9px}.layer-list .toggle{font-size:10px}.dialog .hint{font-size:10px!important}.layer-list{gap:24px}}

.upload-notice{padding:16px;background:#101624;border:1px solid #424756;border-radius:7px;font-size:12px!important;line-height:1.7!important;color:#bdc7d8!important}.upload-accept{display:flex;align-items:flex-start;gap:10px;margin:22px 0;font-size:12px;line-height:1.6;color:#d9d7e7}.upload-accept input{margin-top:3px;accent-color:#ac95e7}#cloud-challenge{margin:20px 0}#cloud-error{color:#f6aaa4;font-size:12px}.cloud-receipt{font-size:8px;padding:9px;overflow-wrap:anywhere;user-select:text;color:#aab59c}.button:disabled{opacity:.45;cursor:not-allowed}

.mapping-dialog{max-width:850px;max-height:90dvh;overflow:auto}.mapping-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.mapping-preview{overflow:auto;max-height:190px;margin:20px 0}.mapping-preview table{border-collapse:collapse;white-space:nowrap;font-size:10px;width:100%}.mapping-preview th,.mapping-preview td{border:1px solid #3c4253;padding:8px;text-align:left;max-width:180px;overflow:hidden;text-overflow:ellipsis}.mapping-preview th{color:#c8b5ed}.mapping-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.mapping-dialog textarea{width:100%;min-height:70px;background:#111623;color:#cdd5e6;border:1px solid #484c60;padding:10px;border-radius:5px}#mapping-error{color:#f2a5a0;font-size:12px}.format-options{font-size:11px;color:#b8bed2;margin:20px 0}.format-options summary{cursor:pointer;margin:10px 0}.format-options .field-label{margin-top:14px}@media(max-width:650px){.mapping-fields{grid-template-columns:1fr 1fr}.mapping-actions{flex-direction:column}}