@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#243044;background:#f6f8fb;font-synthesis:none;--muted: #7c879b;--line: #e5e9ef;--blue: #3478ed;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #a6c8ff;outline-offset:3px}button,select{touch-action:manipulation}svg{width:20px;height:20px;flex-shrink:0}a{color:inherit}[hidden]{display:none!important}h1,h2,p,figure{margin:0}h2{font-size:15px;font-weight:600}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#app{min-height:100vh;max-width:1920px;margin:auto;display:flex;flex-direction:column;background:#fff}.app-header{min-height:76px;display:flex;align-items:center;gap:28px;padding:16px 25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{display:grid;place-items:center;height:32px;width:32px;color:#fff;background:var(--blue);border-radius:8px}.brand-mark svg{width:22px;height:22px}.brand strong{font-size:19px;letter-spacing:-.6px}.brand-divider{width:1px;height:21px;background:var(--line);margin:0 3px}.app-name{color:#778295;font-size:14px}#dataset-form{margin-left:auto;display:flex;align-items:center;border:1px solid #dde3ed;border-radius:7px;padding:4px;background:#fbfcfe;min-width:0;width:490px}.dataset-prefix{font-size:12px;color:#8a94a6;padding:0 10px;border-right:1px solid var(--line)}#dataset-input{border:none;background:none;font-family:var(--mono);font-size:13px;color:#42506a;width:100%;min-width:80px;padding:7px 12px;outline-offset:0}.load-button{background:#fff;border:1px solid #dfe5ed;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:600;box-shadow:0 1px 2px #182f5010}.load-button:hover{background:#f0f5ff}.hub-link{display:flex;align-items:center;gap:8px;font-size:13px;text-decoration:none;color:#6b778a;white-space:nowrap}.hub-link svg{width:14px;height:14px}.hub-link:hover{color:var(--blue)}.dataset-examples{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--line);background:#fbfcfe}.examples-label{flex-shrink:0;font-size:13px;color:var(--muted)}.example-options{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.example-button{border:1px solid #dfe5ee;border-radius:6px;padding:7px 11px;background:#fff;color:#69768b;font-size:13px;white-space:nowrap}.example-button:hover{color:var(--blue);border-color:#a6c8ff}.example-button[aria-pressed=true]{color:#2563c7;background:#edf4ff;border-color:#a6c8ff}.workspace{display:grid;grid-template-columns:264px minmax(0,1fr);flex:1}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;background:#fdfefe}.sidebar-heading{display:flex;align-items:center;gap:9px;height:64px;padding:0 21px;border-bottom:1px solid var(--line)}.sidebar-heading h2{font-size:14px;color:#606e82;font-weight:550}.count{border-radius:5px;background:#edf0f5;color:#788498;padding:2px 7px;font-size:12px;font-family:var(--mono)}.episode-list{max-height:825px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dce2ec transparent}.episode{display:flex;align-items:center;gap:13px;padding:13px 18px;width:100%;border:none;border-bottom:1px solid var(--line);background:transparent;text-align:left;min-height:84px;position:relative}.episode:hover{background:#f6f8fc}.episode.selected{background:#edf4ff;box-shadow:inset 3px 0 var(--blue)}.episode-thumb{width:65px;height:49px;border-radius:5px;overflow:hidden;background:#e9edf2;display:grid;place-items:center;flex-shrink:0;color:#a4adba}.episode-thumb img{width:100%;height:100%;object-fit:cover}.episode-copy{min-width:0}.episode-copy strong{display:block;font-size:15px;font-weight:600;line-height:1.5}.episode-copy small{color:#8894a7;font-size:12px;white-space:nowrap}.episode-copy small span{padding:0 2px}.selected-dot{width:5px;height:5px;background:var(--blue);border-radius:50%;position:absolute;right:12px;display:none}.selected .selected-dot{display:block}.show-more{display:flex;justify-content:center;align-items:center;gap:6px;border:0;background:none;padding:18px 6px;font-size:13px;color:#738096}.show-more svg{width:16px;height:16px}.show-more:hover{color:var(--blue)}.sidebar-bottom{margin-top:auto;padding:24px 15px 18px;font-size:11px;color:#949dae;display:flex;align-items:center;gap:5px;justify-content:center}.keycap{border:1px solid #e2e7ef;padding:2px 4px;border-radius:3px;font-size:10px;color:#8590a4;background:#fff}main{min-width:0}.task-header{min-height:84px;padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.task-title{display:flex;align-items:baseline;gap:13px;min-width:0}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1px;color:#96a0b1;flex-shrink:0}h1{font-size:18px;font-weight:600;letter-spacing:-.25px;line-height:1.4;overflow-wrap:anywhere}.metadata{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap}.badge{background:#f2f4f7;padding:5px 8px;border-radius:5px;font-size:12px;color:#6b778b;white-space:nowrap}.camera-section{padding:20px 24px 0}.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.camera-grid.single-camera{grid-template-columns:minmax(0,var(--single-camera-width, 700px));justify-content:center}figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;color:#738198;font-size:13px}figcaption>span:first-child{display:flex;align-items:center;gap:8px;min-width:0}figcaption .mono{overflow-wrap:anywhere}figcaption svg{width:15px;height:15px;color:#a2adbd}.camera-resolution{font-size:11px;color:#9aa4b4;white-space:nowrap}.video-frame{aspect-ratio:4 / 3;overflow:hidden;background:#eef1f5;border:1px solid #dee3ea;border-radius:9px}video{display:block;width:100%;height:100%;object-fit:contain;background:#eef1f5}.video-status{font-size:12px;color:#7c879b;padding-top:8px}.video-status:empty{display:none}.camera-placeholder{aspect-ratio:4 / 3;grid-column:1 / -1;background:#f6f8fb;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:#8894a7;font-size:14px;max-height:350px}.transport{display:flex;align-items:center;gap:17px;padding:24px;min-height:87px}.play-controls{display:flex;align-items:center;gap:10px}.icon-button{display:grid;place-items:center;width:20px;height:32px;padding:0;background:none;border:0;color:#8792a5}.icon-button svg{width:13px;height:13px}.play-button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:#2f3e54;color:#fff;flex-shrink:0}.play-button:hover:not(:disabled){background:var(--blue)}.play-button svg{width:18px;height:18px}#timeline{flex:1;min-width:60px;height:5px;border-radius:8px;appearance:none;background:linear-gradient(to right,var(--blue) var(--progress, 0%),#e5e9ef var(--progress, 0%));cursor:pointer;accent-color:var(--blue);margin:0}#timeline::-webkit-slider-thumb{appearance:none;width:17px;height:17px;background:#fff;border:2.5px solid var(--blue);border-radius:50%;box-shadow:0 1px 3px #20314930}#timeline::-moz-range-thumb{width:13px;height:13px;background:#fff;border:2.5px solid var(--blue);border-radius:50%}.time{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}.frame-counter{color:#8c97aa;font-size:12px;white-space:nowrap}#speed{border:1px solid #dce3ed;border-radius:5px;padding:5px 3px 5px 7px;background:#fff;color:#617087;font-size:12px}.joints-header{display:flex;align-items:center;gap:20px;padding:15px 24px;background:#f8f9fc;border-block:1px solid var(--line);color:#8490a2;font-size:12px}.joints-header h2{color:#637188;font-size:13px;font-weight:550}.legend{display:flex;align-items:center;gap:7px}.legend i{width:23px;border-top:1.5px solid #8592a5}.legend i.dashed{border-top-style:dashed;opacity:.65}.joint-frame{margin-left:auto;color:#939db0;white-space:nowrap}.joint-row{display:grid;grid-template-columns:208px minmax(0,1fr) 63px;align-items:center;gap:12px;min-height:74px;padding:9px 24px;border-bottom:1px solid var(--line)}.joint-row:last-child{border-bottom:0}.joint-label{display:flex;align-items:flex-start;gap:9px;min-width:0}.joint-dot{height:5px;width:5px;border-radius:2px;margin-top:8px;flex-shrink:0;background:var(--joint-color)}.joint-label .mono{font-size:13px;color:#52617a;overflow-wrap:anywhere}.joint-label small{display:block;font-size:11px;color:#9aa4b5;margin-top:4px}.plot{width:100%;min-width:0;padding:0;border:0;background:transparent;height:54px;cursor:crosshair}.plot svg{width:100%;height:100%;overflow:visible}.plot path{fill:none;stroke:var(--joint-color);stroke-width:1.9;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.plot .action-path{opacity:.4;stroke-dasharray:4 4;stroke-width:1.4}.playhead{stroke:#b0bacb;stroke-width:1;vector-effect:non-scaling-stroke}.joint-values{text-align:right;font-size:14px;line-height:1.7;font-variant-numeric:tabular-nums}.joint-values span{display:block}.action-value{color:#99a4b7}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:14px 24px;font-size:11px;color:#96a0b2}footer a{text-decoration:none}footer a:hover{color:var(--blue)}.empty{padding:28px 22px;font-size:14px;line-height:1.7;color:#8994a8}.notice{padding:13px 24px;background:#fff4ee;color:#9d5032;border-bottom:1px solid #f5d9c8;font-size:14px;overflow-wrap:anywhere}.error{color:#9d5032}.text-button{border:none;background:none;color:var(--blue);text-decoration:underline}.loading{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}@media(min-width:1600px){.workspace{grid-template-columns:300px minmax(0,1fr)}.episode{padding:14px 23px;min-height:90px}.episode-thumb{width:76px;height:57px}.episode-copy strong{font-size:17px}.episode-copy small{font-size:13px}.joint-row{min-height:79px;grid-template-columns:238px minmax(0,1fr) 75px}.joint-label .mono,.time{font-size:15px}.frame-counter{font-size:14px}}@media(max-width:1200px){.app-name,.brand-divider{display:none}.app-header{gap:20px}.workspace{grid-template-columns:235px minmax(0,1fr)}.episode{padding-inline:14px;gap:10px}.task-header{flex-wrap:wrap;gap:10px}.task-title{flex-basis:100%}.metadata{margin-left:43px}.joint-row{grid-template-columns:175px minmax(0,1fr) 60px;gap:10px}.joint-label .mono{font-size:12px}.camera-resolution,.frame-counter,.footer-note{display:none}}@media(max-width:850px){.app-header{flex-wrap:wrap;padding:14px 18px;gap:14px}.brand{flex:1}#dataset-form{width:100%;order:3}.app-name,.brand-divider{display:block}.workspace{grid-template-columns:190px minmax(0,1fr)}.episode{padding:12px;gap:8px}.episode-thumb{width:46px;height:38px}.episode-copy strong{font-size:13px}.episode-copy small{font-size:10px}.selected-dot{display:none!important}.sidebar-bottom{display:none}.task-header,.camera-section,.transport{padding-inline:18px}.camera-grid{grid-template-columns:1fr}.joint-row{grid-template-columns:143px minmax(0,1fr) 46px;padding-inline:15px;gap:7px}.joint-label .mono{font-size:11px}.joint-values{font-size:12px}.joints-header{gap:12px;padding-inline:18px;flex-wrap:wrap}.joint-frame{display:none}.legend{font-size:10px}.transport{flex-wrap:wrap;gap:12px}#timeline{order:4;flex-basis:100%;margin:8px 0}.time{margin-left:auto}h1{font-size:16px}.metadata{margin-left:0}}@media(max-width:600px){.dataset-examples{align-items:flex-start;flex-direction:column;gap:9px;padding:12px 18px}.example-options{width:100%;flex-wrap:nowrap;overflow-x:auto;padding:3px 3px 6px}.workspace{display:flex;flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar-heading{height:42px;padding-inline:18px;border-bottom:0}.episode-list{display:flex;overflow-x:auto;max-height:none;padding:0 12px 9px;gap:7px}.episode{width:175px;flex-shrink:0;border:1px solid var(--line);border-radius:6px;min-height:65px;padding:9px}.episode.selected{box-shadow:none;border-color:#8bb4fb}.episode-copy small{font-size:11px}.show-more{padding:9px}.task-header{padding-block:17px}.camera-grid{grid-template-columns:1fr;gap:17px}.camera-section{padding-top:16px}figcaption{font-size:12px}.camera-resolution{display:block}.joint-row{grid-template-columns:144px minmax(0,1fr) 44px;min-height:76px;padding-inline:14px}.joint-label .mono{font-size:11px}.joint-dot{display:none}.joint-label small{font-size:10px}footer{padding:13px 18px;font-size:10px;line-height:1.7}.hub-link,.app-name{font-size:12px}.dataset-prefix{display:none}#dataset-input{font-size:12px}}@media(prefers-reduced-motion:reduce){.loading{animation:none}}