:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ededed;background:#090909;font-synthesis:none;--line:#262626;--muted:#858585}*{box-sizing:border-box}body{margin:0;font-size:14px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select,input{outline-offset:4px}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #91b7ff}button:disabled{cursor:default;opacity:.4}[hidden]{display:none!important}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:650;letter-spacing:-1px}.slash{font-weight:300;color:#4e4e4e;margin:0 8px}.workspace{font-size:14px;font-weight:450;letter-spacing:0;color:#b9b9b9}.demo-tag,.tiny-label,.eyebrow,.sync-label{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;letter-spacing:1.2px}.demo-tag{border:1px solid #303030;padding:7px 9px;border-radius:5px;color:#a1a1a1}.shell{display:grid;grid-template-columns:254px 1fr;min-height:calc(100vh - 72px)}.library{border-right:1px solid var(--line);padding:31px 16px 24px;display:flex;flex-direction:column;background:#0c0c0c}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:0 10px 22px;font-weight:550}.count{font-size:12px;color:#a0a0a0;background:#202020;padding:3px 6px;border-radius:4px;font-family:monospace}.episode{background:transparent;border:1px solid transparent;border-radius:7px;width:100%;text-align:left;padding:10px;margin-bottom:10px;transition:background .15s,border-color .15s}.episode:hover{background:#171717}.episode.selected{background:#1b1b1b;border-color:#3a3a3a}.episode-image{position:relative;margin-bottom:11px}.episode-image img{width:100%;height:103px;object-fit:cover;display:block;border-radius:4px;filter:saturate(.8)}.episode-image span{position:absolute;bottom:6px;right:6px;background:#000b;font:12px ui-monospace,monospace;padding:3px 5px;border-radius:3px}.episode-title{font-size:14px;line-height:1.5;font-weight:500}.episode-sub{font-size:12px;color:#929292;display:flex;justify-content:space-between;margin-top:6px}.tiny-label{color:#777;font-size:11px}.muted{color:var(--muted)}main{min-width:0;padding:36px 36px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px}.eyebrow{color:#999;font-size:11px;margin-bottom:12px}h1{font-size:27px;font-weight:550;letter-spacing:-1px;margin:0}.secondary-button{font-size:13px;padding:10px 13px;border:1px solid #353535;border-radius:6px;background:#141414;display:flex;gap:9px;align-items:center;white-space:nowrap}.secondary-button:hover{background:#222}.viewer-grid{display:grid;grid-template-columns:minmax(0,1fr) 342px;gap:24px;align-items:start}.playback{min-width:0}.video-stage{position:relative;background:#030303;border:1px solid var(--line);border-radius:8px 8px 0 0;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.video-stage video{width:100%;height:100%;object-fit:contain;display:block}.video-badge{position:absolute;top:14px;left:14px;font:10px ui-monospace,monospace;letter-spacing:1px;background:#000a;border:1px solid #ffffff30;padding:6px 8px;border-radius:4px;pointer-events:none;color:#eee}.video-badge span{border-left:1px solid #ffffff40;padding-left:7px;margin-left:7px;color:#ccc}.video-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111e;text-align:center}.video-error p{color:#999}.video-error button{background:#eee;border:0;border-radius:4px;color:#111;padding:9px 16px}.transport{border:1px solid var(--line);border-top:0;padding:11px 15px;display:flex;justify-content:space-between;background:#111}.transport-left,.transport-right{display:flex;align-items:center;gap:12px}.icon-button{background:transparent;border:0;width:28px;height:30px;font-size:20px;padding:0;position:relative;color:#b6b6b6}.icon-button:hover{color:#fff}.icon-button small{position:absolute;font-size:9px;left:11px;top:12px}.primary-play{font-size:15px;color:#eee}.time{font:12px ui-monospace,monospace;margin-left:7px;white-space:nowrap}select{background:#171717;color:#bbb;border:1px solid #303030;border-radius:4px;padding:4px;font-size:12px}.timeline-panel{border:1px solid var(--line);border-top:0;padding:20px 18px 17px;border-radius:0 0 8px 8px;background:#0f0f0f}.timeline-heading{display:flex;justify-content:space-between;font-size:12px;margin-bottom:16px}#scrubber{display:block;width:100%;margin:0 0 8px;accent-color:#ededed;height:14px;cursor:pointer}.segments{height:28px;position:relative;border-radius:3px;background:#222;overflow:hidden}.segment{position:absolute;top:0;height:100%;border:0;border-right:2px solid #0f0f0f;opacity:.55;min-width:1px;padding:0}.segment:hover,.segment.active{opacity:1}.segment.active{box-shadow:inset 0 0 0 2px #fff}.ruler{display:flex;justify-content:space-between;color:#777;font:10px ui-monospace,monospace;margin-top:9px}.swatch{height:6px;width:6px;border-radius:2px;display:inline-block;flex-shrink:0}.episode-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;padding:25px 0;border-bottom:1px solid #232323}.episode-meta>div{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#aaa;min-width:0}.mono{font-family:ui-monospace,monospace;font-size:10px;overflow-wrap:anywhere}.keyboard-hint{font-size:11px;color:#606060;display:flex;align-items:center;gap:7px;margin:20px 0}kbd{font:10px ui-monospace,monospace;border:1px solid #2b2b2b;border-radius:3px;padding:2px 4px;color:#858585;margin-left:4px}.annotation-panel{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#0e0e0e}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 18px;border-bottom:1px solid var(--line);font-weight:550}.sync-label{font-size:9px;color:#838383;letter-spacing:.65px}.active-detail{padding:21px 18px 19px;min-height:215px}.detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.action-chip{font-size:14px;border:1px solid color-mix(in srgb,var(--action-color) 40%,transparent);background:color-mix(in srgb,var(--action-color) 10%,transparent);color:var(--action-color);border-radius:5px;padding:5px 9px;display:flex;gap:7px;align-items:center}.detail-time{color:#888;font:11px ui-monospace,monospace}dl{display:grid;grid-template-columns:62px 1fr;gap:12px 10px;margin:0;line-height:1.45;font-size:13px}dt{color:#777}dd{margin:0;color:#ccc}.hand-pill{display:inline-block;font:11px ui-monospace,monospace;padding:2px 6px;background:#222;border:1px solid #333;border-radius:3px;margin-right:5px}.list-heading{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:14px 18px;font-size:12px;background:#121212}.follow-label{display:flex;align-items:center;gap:5px;color:#888;font-size:11px;cursor:pointer}.follow-label input{accent-color:#eee;margin:0;width:12px;height:12px}.annotation-list{height:365px;overflow:auto;scrollbar-width:thin;scrollbar-color:#363636 transparent}.annotation-row{display:grid;grid-template-columns:51px 1fr 25px;gap:10px;align-items:start;width:100%;border:0;border-bottom:1px solid #202020;border-left:2px solid transparent;padding:13px 16px;background:transparent;text-align:left}.annotation-row:hover{background:#1b1b1b}.annotation-row.active{background:#202020;border-left-color:#ededed}.row-time{font:11px ui-monospace,monospace;color:#777;padding-top:3px}.row-title{font-size:13px;display:flex;align-items:center;gap:7px}.row-object{font-size:12px;color:#777;margin-top:5px;line-height:1.4}.row-hands{font:10px ui-monospace,monospace;color:#777;padding-top:4px}.empty{padding:30px 18px;color:#777;font-size:14px;line-height:1.6}.active-detail .empty{padding:10px 0}.empty strong{display:block;color:#bbb;font-weight:500;margin-bottom:6px}footer{border-top:1px solid var(--line);margin-top:28px;padding:23px 0;display:flex;justify-content:space-between;color:#626262;font-size:11px}.footer-divider{padding:0 12px;color:#363636}.version{border:1px solid #292929;padding:3px 5px;border-radius:3px;margin-left:8px}@media(min-width:1600px){main{padding-inline:48px}.viewer-grid{grid-template-columns:minmax(0,1fr) 370px}.annotation-list{height:430px}.episode-image img{height:112px}}@media(max-width:1200px){.shell{grid-template-columns:210px 1fr}main{padding:27px 24px 0}.viewer-grid{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.episode-image img{height:84px}.transport{padding:10px}.transport-left,.transport-right{gap:7px}.episode-meta{grid-template-columns:1fr 1fr}.episode-meta>div:first-child{grid-column:1/-1}.sync-label{font-size:8px}.page-heading{align-items:flex-start}h1{font-size:23px}.secondary-button span{display:none}}@media(max-width:980px){.viewer-grid{grid-template-columns:1fr}.annotation-list{height:300px}.active-detail{min-height:0}.episode-meta{grid-template-columns:2fr 1fr 1fr}.episode-meta>div:first-child{grid-column:auto}.keyboard-hint{display:none}}@media(max-width:640px){.topbar{height:60px;padding:0 18px}.workspace{font-size:12px}.demo-tag{display:none}.shell{display:block}.library{border-right:0;border-bottom:1px solid var(--line);padding:17px 12px 10px}.section-heading{padding:0 6px 12px}.library nav{display:flex;overflow-x:auto;gap:6px}.episode{flex:0 0 155px;padding:7px;margin:0}.episode-image img{height:70px}.episode-title{font-size:12px}.episode-sub{font-size:10px}main{padding:25px 16px 0}.page-heading{margin-bottom:20px}h1{font-size:22px}.episode-meta{gap:14px;font-size:11px;grid-template-columns:1fr 1fr}.episode-meta>div:first-child{grid-column:1/-1}.keyboard-hint{display:none}.transport-left,.transport-right{gap:4px}.time{font-size:10px;margin-left:1px}.transport{padding:8px}.icon-button{width:25px}.video-badge{top:8px;left:8px;font-size:8px}footer{font-size:10px;gap:15px}.sync-label{font-size:9px}}

.playback:fullscreen{display:flex;flex-direction:column;background:#030303;padding:0;overflow:auto}.playback:fullscreen .video-stage{flex:1;min-height:0;aspect-ratio:auto;border-radius:0}.playback:fullscreen .transport{flex-shrink:0}.playback:fullscreen .timeline-panel,.playback:fullscreen .episode-meta,.playback:fullscreen .keyboard-hint{display:none}

.sidebar-heading-actions{display:flex;align-items:center;gap:10px}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border:1px solid transparent;background:transparent;color:#999;border-radius:5px;padding:0}.sidebar-toggle:hover{color:#ededed;background:#202020;border-color:#353535}.shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.page-heading:has(#sidebar-open:not([hidden])){justify-content:flex-start}.page-heading #sidebar-open{align-self:center;border-color:#303030}

@font-face{font-family:Favorit Mono;src:url("fonts/favorit-mono.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}.eventual-wordmark{display:inline-flex;align-items:center;font-family:"Favorit Mono",ui-monospace,monospace;font-size:20px;font-weight:400;line-height:1.5;letter-spacing:0;white-space:nowrap;color:#ededed}.eventual-block{display:inline-block;flex:none;width:11.25px;height:18.75px;margin-left:2.5px;background:#ff00ff}.footer-wordmark{font-size:12px;vertical-align:middle}.footer-wordmark .eventual-block{width:6.75px;height:11.25px;margin-left:1.5px}@media(max-width:640px){.brand{gap:8px}.brand .slash{margin:0 3px}.eventual-wordmark{font-size:16px}.eventual-block{width:9px;height:15px;margin-left:2px}.footer-wordmark{font-size:12px}}

.timeline-tracks{position:relative;margin-top:8px}.time-ruler{position:relative;height:44px;background:#202023;border:1px solid #69696d;cursor:ew-resize;touch-action:none;overflow:hidden}.ruler-ticks{position:absolute;inset:0}.ruler-tick{position:absolute;bottom:0;height:5px;border-left:1px solid #77777d}.ruler-tick.major{height:9px;border-color:#a0a0a6}.ruler-tick>span{position:absolute;bottom:29px;left:0;transform:translateX(-50%);font:10px ui-monospace,SFMono-Regular,monospace;color:#acacb4;white-space:nowrap}.ruler-tick:first-child>span{transform:none;left:8px}.timeline-playhead{position:absolute;left:0;top:0;bottom:0;width:1px;background:#eeeeef;pointer-events:none;z-index:2}.timeline-playhead>span{position:absolute;left:0;top:0;background:#ededed;color:#101010;padding:2px 5px;white-space:nowrap;font:10px ui-monospace,SFMono-Regular,monospace;line-height:14px}.timeline-tracks .segments{height:24px;border:1px solid #48484b;border-top:0;border-radius:0;background:#1c1c1e;overflow:hidden}.timeline-tracks .segment{opacity:1;border-right:1px solid #090909;border-top:2px solid;text-align:left;color:#b9b9c0;overflow:hidden}.timeline-tracks .segment span{font:10px ui-monospace,monospace;white-space:nowrap;padding:0 6px}.timeline-tracks .segment:hover{filter:brightness(1.4)}.timeline-tracks .segment.active{box-shadow:inset 0 0 0 1px #ddd;color:#ededed}.timeline-panel #scrubber{width:100%;height:44px;margin:0}.timeline-tracks #ruler{display:block;margin:0}.timeline-tracks .segment:focus-visible{outline-offset:-3px}

.timeline-tracks .segments{height:34px}.timeline-tracks .segment{display:flex;flex-direction:column;justify-content:center;gap:2px}.timeline-tracks .segment-action{display:block;line-height:12px}.timeline-tracks .segment-subtitle{display:block;max-width:100%;padding:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:9px/11px ui-monospace,monospace;color:#85858e}.annotation-panel{border:0;border-left:1px solid var(--line);border-radius:0;display:flex;flex-direction:column;align-self:stretch;background:#0c0c0c}.annotation-panel .annotation-list{flex:1;min-height:300px;max-height:550px}.annotation-panel .panel-heading{padding:12px 16px}.annotation-panel .sync-label{font-size:8px}.viewer-grid.annotations-collapsed{grid-template-columns:minmax(0,1fr)}#annotations-open{margin-left:auto;border-color:#303030}@media(min-width:761px) and (max-width:980px){.viewer-grid{grid-template-columns:minmax(0,1fr) 260px}}@media(max-width:760px){.annotation-panel{border:1px solid var(--line);border-radius:6px}.viewer-grid{grid-template-columns:minmax(0,1fr)}}

/* Full-height workspace sidebars */
@media(min-width:761px){
 body{overflow:hidden}.shell{height:calc(100dvh - 72px);min-height:0;grid-template-columns:254px minmax(0,1fr) 342px;overflow:hidden;align-items:stretch}
 .shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr) 342px}.shell.annotations-collapsed{grid-template-columns:254px minmax(0,1fr)}.shell.sidebar-collapsed.annotations-collapsed{grid-template-columns:minmax(0,1fr)}
 .library{min-height:0;overflow-y:auto}.shell>main{min-height:0;overflow-y:auto;padding:30px 28px 0}.viewer-grid{display:block}
 #annotations-sidebar{height:100%;min-height:0;min-width:0;overflow:hidden;position:relative;border-left:1px solid var(--line)}
 #annotations-sidebar .panel-heading{min-height:76px;flex-shrink:0;padding:18px}
 #annotations-sidebar .active-detail{flex-shrink:0;min-height:215px}
 #annotations-sidebar .list-heading{flex-shrink:0}
 #annotations-sidebar .annotation-list{flex:1;min-height:0;max-height:none;height:auto;overflow-y:auto;overscroll-behavior:contain}
 #annotations-sidebar dd,.row-object{overflow-wrap:anywhere}
}
@media(min-width:761px) and (max-width:1200px){
 .shell{grid-template-columns:210px minmax(0,1fr) 300px}.shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr) 300px}.shell.annotations-collapsed{grid-template-columns:210px minmax(0,1fr)}.shell.sidebar-collapsed.annotations-collapsed{grid-template-columns:minmax(0,1fr)}
 .shell>main{padding:25px 18px 0}.transport{flex-wrap:wrap;gap:8px}.page-heading h1{overflow-wrap:anywhere}.annotation-panel .sync-label{display:none}
}
@media(max-width:760px){
 .shell{display:block}.viewer-grid{display:block}.shell>main{min-width:0}
 #annotations-sidebar{position:fixed;right:0;top:72px;bottom:0;width:min(342px,92vw);height:auto;border:0;border-left:1px solid var(--line);border-radius:0;z-index:10;box-shadow:-15px 0 45px #0008;overflow:hidden}
 #annotations-sidebar .panel-heading,#annotations-sidebar .active-detail,#annotations-sidebar .list-heading{flex-shrink:0}
 #annotations-sidebar .annotation-list{min-height:0;max-height:none;height:auto;overflow-y:auto}
}
@media(max-width:640px){#annotations-sidebar{top:60px}}

.video-subtitle{position:absolute;z-index:1;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:86%;padding:8px 13px;background:rgba(0,0,0,.76);border-radius:5px;color:#fff;text-align:center;font-size:14px;font-weight:500;line-height:1.45;box-shadow:0 2px 12px #0003;pointer-events:none;text-wrap:balance}.playback:fullscreen .video-subtitle{bottom:30px;font-size:20px}@media(max-width:640px){.video-subtitle{bottom:12px;padding:6px 10px;font-size:12px}}

.header-breadcrumb{display:flex;align-items:center;gap:15px;min-width:0;width:100%}.breadcrumb-divider{font-size:24px;font-weight:300;color:#454545}.header-breadcrumb .workspace{white-space:nowrap}.episode-dropdown{position:relative;min-width:0}.episode-trigger{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid transparent;border-radius:6px;padding:8px 10px;color:#ededed;font-size:14px;max-width:100%}.episode-trigger:hover,.episode-trigger[aria-expanded="true"]{background:#1a1a1a;border-color:#303030}.episode-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-trigger svg{flex:none;color:#888}.episode-menu{position:absolute;top:calc(100% + 8px);left:0;width:340px;max-width:calc(100vw - 24px);padding:5px;border:1px solid #343434;border-radius:8px;background:#141414;box-shadow:0 12px 36px #0009;z-index:30}.episode-option{display:flex;align-items:center;gap:11px;width:100%;padding:9px;border:0;border-radius:4px;background:transparent;text-align:left;color:#ddd}.episode-option:hover,.episode-option:focus-visible{background:#262626}.episode-option img{width:50px;height:36px;object-fit:cover;border-radius:3px}.episode-option-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;font-size:13px;line-height:1.4}.episode-option-copy small{font-size:11px;color:#858585}.episode-check{visibility:hidden;font-size:14px}.episode-option.selected .episode-check{visibility:visible}
@media(min-width:761px){.shell,.shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr) 342px}.shell.annotations-collapsed,.shell.sidebar-collapsed.annotations-collapsed{grid-template-columns:minmax(0,1fr)}}
@media(min-width:761px) and (max-width:1200px){.shell,.shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr) 300px}.shell.annotations-collapsed{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.topbar{height:auto;min-height:60px;padding:12px 16px}.header-breadcrumb{flex-wrap:wrap;gap:8px}.header-breadcrumb .brand{margin-right:3px}.header-breadcrumb .workspace{font-size:12px}.episode-dropdown{flex:1;min-width:135px}.episode-trigger{font-size:12px;padding:5px}.episode-menu{left:auto;right:0;width:310px}.breadcrumb-divider{font-size:19px}}

.timeline-tracks .segments{height:68px}.hand-action-detail+.hand-action-detail{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}#annotations-sidebar .active-detail{max-height:50%;min-height:0;overflow-y:auto}.video-subtitle{max-height:40%;overflow:hidden}

.timeline-tracks{margin-left:64px}.track-labels{position:absolute;left:-64px;top:44px;width:60px;display:flex;flex-direction:column;pointer-events:none}.track-labels span{height:34px;display:flex;align-items:center;font:10px ui-monospace,monospace;color:#999}.subtask-segments{position:relative;height:34px;background:#242426;border:1px solid #48484b;border-top:0;overflow:hidden}.subtask-segment{position:absolute;top:0;height:100%;padding:0 7px;background:#29232b;border:0;border-right:1px solid #090909;border-top:2px solid #bc94bf;color:#c9b6cb;text-align:left;overflow:hidden}.subtask-segment span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:10px ui-monospace,monospace}.subtask-segment:hover{background:#3a2d3d}.subtask-segment.active{box-shadow:inset 0 0 0 1px #ddd;color:#fff}.subtask-segment:focus-visible{outline-offset:-3px}.current-subtask{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.current-subtask p{font-size:14px;line-height:1.5;color:#ddd;margin:10px 0}.current-actions-label{margin-bottom:14px}.video-subtitle{display:flex;flex-direction:column;gap:4px;max-height:none;overflow:visible}.subtitle-subtask{font-weight:550}.subtitle-actions{font-size:12px;font-weight:400;color:#ddd}.playback:fullscreen .subtitle-actions{font-size:16px}@media(max-width:640px){.subtitle-actions{font-size:11px}.timeline-tracks{margin-left:52px}.track-labels{left:-52px;width:48px;font-size:9px}}

.track-labels span{white-space:nowrap}.hand-action-detail .detail-top{margin-bottom:10px}.hand-action-detail dl{gap:8px 10px}.hand-action-detail .action-chip{font-size:12px}.hand-breakdown{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.hand-breakdown li{font-size:12px;color:#bdbdbd;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.timeline-tracks .segment{position:absolute}

.overlay-control{position:relative}.overlay-trigger{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid transparent;border-radius:4px;padding:5px;color:#b6b6b6}.overlay-trigger:hover,.overlay-trigger[aria-expanded="true"]{color:#fff;background:#242424;border-color:#353535}.overlay-menu{position:absolute;right:0;bottom:calc(100% + 12px);z-index:20;width:220px;padding:7px;background:#171717;border:1px solid #393939;border-radius:7px;box-shadow:0 8px 30px #0008;text-align:left}.overlay-menu-heading{display:block;padding:7px 9px 10px;font-size:12px;color:#888;border-bottom:1px solid #292929;margin-bottom:4px}.overlay-menu label{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 9px;font-size:13px;border-radius:4px;cursor:pointer}.overlay-menu label:hover{background:#262626}.overlay-menu input{accent-color:#ededed;width:14px;height:14px;margin:0}.subtitle-row{display:flex;align-items:baseline;justify-content:center;gap:8px}.overlay-caption-label{font:10px ui-monospace,monospace;letter-spacing:.5px;text-transform:uppercase;color:#a9a9ad;flex-shrink:0}.playback:fullscreen .overlay-caption-label{font-size:12px}@media(max-width:640px){.subtitle-row{gap:5px}.overlay-caption-label{font-size:9px}}

.objects-section{flex-shrink:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-height:35%;overflow-y:auto}.objects-section summary{padding:14px 18px;font-size:13px;color:#ddd;cursor:pointer}.objects-section summary .muted{margin-left:5px}.objects-content{padding:0 18px 16px}.object-selector-label{display:block;font-size:11px;color:#888;margin-bottom:8px}.objects-content select{width:100%;font-size:12px;padding:8px;min-width:0}.object-details{margin-top:13px}.object-help{font-size:12px;color:#777;line-height:1.5;margin:0}.object-detail-heading{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:12px}.object-detail-heading strong{font-size:13px;font-weight:500}.object-detail-heading button{font-size:11px;color:#aaa;border:0;background:transparent;padding:0}.object-details dl{font-size:12px;gap:8px 10px}.object-details dt{text-transform:capitalize}.object-details dd{overflow-wrap:anywhere}.segment.object-unmatched{opacity:.2!important}.annotation-row.object-unmatched{opacity:.4}.segment.object-match{box-shadow:inset 0 0 0 2px #e9a1d8!important;filter:brightness(1.35)}.annotation-row.object-match{border-left-color:#e9a1d8;background:#231820}.annotation-row.active.object-match{border-left-color:#fff;background:#352332}.hand-action-detail.object-match{background:rgba(233,161,216,.07);box-shadow:0 0 0 6px rgba(233,161,216,.07)}#annotations-sidebar .active-detail{max-height:42%}#annotations-sidebar .annotation-list{min-height:100px}.object-detail-heading button:hover{color:#fff}
#annotations-sidebar .active-detail{flex-shrink:1}.objects-section{flex-shrink:1;min-height:44px}#annotations-sidebar .annotation-list{min-height:90px}

.timeline-tracks .segments{height:34px}

#annotations-sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#363636 transparent}#annotations-sidebar .active-detail,.objects-section{flex-shrink:0}.segments-section{flex:0 0 auto;border-top:1px solid var(--line);--segments-height:240px}.segments-section summary{padding:14px 18px;font-size:13px;color:#ddd;cursor:pointer;background:#121212}.segments-section summary .muted{margin-left:5px}.segments-controls{display:flex;justify-content:flex-end;align-items:center;padding:10px 18px;border-bottom:1px solid var(--line)}#annotations-sidebar .segments-section .annotation-list{flex:none;height:var(--segments-height);min-height:0;max-height:none;overflow-y:auto}

#object-mask-overlay{position:absolute;pointer-events:none;z-index:1}.video-subtitle,.video-badge{z-index:2}.video-error{z-index:3}.overlay-menu .mask-option small{display:block;color:#777;font-size:10px;line-height:1.4;margin-top:4px}.overlay-menu .mask-option:has(input:disabled){color:#888}

.segments-resize{position:relative;height:9px;display:flex;align-items:center;justify-content:center;cursor:row-resize;touch-action:none;outline:none}.segments-resize:before{content:"";position:absolute;left:0;right:0;height:1px;background:var(--line)}.segments-resize span{z-index:1;width:24px;height:12px;display:flex;align-items:center;justify-content:center;border:1px solid #393939;border-radius:3px;background:#171717;color:#999;font-size:16px;line-height:1}.segments-resize:hover span,.segments-resize:focus-visible span,.resizing-segments .segments-resize span{border-color:#aaa;color:#fff}.resizing-segments,.resizing-segments *{cursor:row-resize!important;user-select:none!important}

#annotations-sidebar{overflow:hidden}
.annotations-context{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#363636 transparent}
#annotations-sidebar .annotations-context .active-detail{max-height:none;overflow:visible}
#annotations-sidebar>.objects-section{flex:0 0 auto;max-height:35%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#363636 transparent}
.segments-dock{flex:0 0 auto;margin-top:auto;background:#0c0c0c}
.segments-dock .segments-section{border-top:0}
.segments-dock .segments-resize{height:9px}

/* Keep the player flush with the workspace edges. */
.shell>main{padding:0}
.shell>main .viewer-grid{margin:0;gap:0}
.shell>main .video-stage{border:0;border-radius:0}
.shell>main .transport{border-inline:0;border-top:1px solid var(--line)}
.shell>main .timeline-panel{border-inline:0;border-radius:0;padding:8px 18px}
.shell>main .keyboard-hint{margin:0;padding:8px 14px}
@media(min-width:761px){
 .shell>main{overflow:hidden}
 .shell>main .viewer-grid,.shell>main .playback{height:100%;min-height:0}
 .shell>main .playback{display:flex;flex-direction:column}
 .shell>main .video-stage{flex:1;min-height:0;aspect-ratio:auto}
 .shell>main .transport,.shell>main .timeline-panel,.shell>main .keyboard-hint{flex-shrink:0}
}

#hand-point-overlay{position:absolute;pointer-events:none;z-index:2}.video-subtitle,.video-badge{z-index:3}.video-error{z-index:4}

.timeline-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.timeline-heading{align-items:center;gap:12px}
.timeline-zoom{display:flex;align-items:center;border:1px solid #333;border-radius:4px;overflow:hidden;flex-shrink:0}
.timeline-zoom button{border:0;background:#181818;padding:3px 8px;font-size:13px;height:25px}
.timeline-zoom button:hover:enabled{background:#292929}
.timeline-zoom output{min-width:36px;text-align:center;font:11px ui-monospace,monospace;color:#aaa}
#timeline-fit{border-left:1px solid #333;font-size:11px}
.timeline-layout{position:relative;margin-top:0}
.timeline-layout .track-labels{left:0}
.timeline-viewport{margin-left:64px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#555 #191919;padding-bottom:5px;overscroll-behavior-x:contain}
.timeline-viewport .timeline-tracks{margin:0;width:calc(100% * var(--timeline-zoom,1))}
.timeline-viewport:focus-visible{outline:1px solid #777;outline-offset:2px}
@media(max-width:640px){.timeline-viewport{margin-left:52px}.timeline-toolbar{gap:8px}}

.view-switch{pointer-events:auto;display:flex;align-items:center;padding:3px;gap:2px;z-index:6!important}
.view-switch button{font:11px ui-monospace,monospace;letter-spacing:.5px;background:transparent;border:0;border-radius:3px;padding:5px 9px;color:#999}
.view-switch button[aria-pressed=true]{background:#333;color:#fff}
.pose-3d{position:absolute;inset:0;z-index:4;touch-action:none}
.pose-3d canvas{display:block;width:100%;height:100%}
.pose-3d-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;color:#aaa;font-size:13px;pointer-events:none;text-align:center}
.pose-3d-info{position:absolute;left:14px;top:54px;z-index:5;display:flex;flex-wrap:wrap;gap:8px 14px;font-size:11px;color:#777;pointer-events:none}
.pose-left{color:#67e8f9}.pose-right{color:#fbbf24}
.pose-reset{position:absolute;top:14px;right:14px;z-index:6;padding:6px 9px;background:#202024;border:1px solid #3c3c40;border-radius:4px;font-size:11px;color:#ccc}
.show-3d #video{visibility:hidden}
.show-3d #object-mask-overlay,.show-3d #hand-point-overlay,.show-3d #video-error{display:none!important}
.show-3d .video-subtitle{z-index:5}

/* Steps sit between the broader subtasks and hand actions. */
.subtitle-step{color:#c9e4da}

.pose-style-control{position:absolute;top:14px;right:104px;z-index:6;display:flex;align-items:center;gap:7px;color:#aaa;font-size:11px}
.pose-style-control select{background:#202024;border:1px solid #3c3c40;border-radius:4px;padding:5px 8px;font-size:11px;color:#ddd}
@media(max-width:640px){.pose-3d-info{top:58px;font-size:10px;gap:5px 10px}.pose-style-control{right:92px}}

.pose-style-control label{display:flex;align-items:center;gap:6px}
@media(max-width:560px){.pose-style-control{top:48px;right:14px}.pose-3d-info{top:86px;max-width:calc(100% - 28px)}}

.hand-action-detail dl{grid-template-columns:100px minmax(0,1fr)}.hand-action-detail dd{overflow-wrap:anywhere}

.hand-breakdown li{display:block}.hand-subaction{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.hand-breakdown li dl{margin-top:8px}

.pose-follow{background:#202024;border:1px solid #3c3c40;border-radius:4px;padding:5px 8px;font-size:11px;color:#ddd;white-space:nowrap}
.pose-follow[aria-pressed="true"]{background:#382537;border-color:#74566e;color:#f7d9ed}

.overlay-menu{max-height:min(560px,calc(100vh - 140px));overflow-y:auto}

#hand-mask-overlay{position:absolute;pointer-events:none;z-index:1}
.show-3d #hand-mask-overlay{display:none!important}

.subtask-segment.object-unmatched{opacity:.3}.subtask-segment.object-match{background:#4a2b42;box-shadow:inset 0 0 0 1px #e9a1d8}

.object-info-group{margin-top:14px;border-top:1px solid var(--line)}.object-info-group summary{padding:10px 0;font-size:12px;color:#aaa}.object-info-group dl{padding-bottom:8px}.object-colors{display:flex;flex-direction:column;gap:5px}.object-color{display:flex;align-items:center;gap:6px}.object-color i{width:10px;height:10px;border:1px solid #ffffff30;border-radius:2px;flex-shrink:0}.object-holds{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:10px}.object-holds button{font:11px ui-monospace,monospace;background:#181818;border:1px solid #303030;border-radius:4px;padding:6px}

.subtitle-row>span:last-child{min-width:0}.object-details dl{grid-template-columns:92px minmax(0,1fr)}.object-details dt{overflow-wrap:anywhere}.objects-section>summary{position:sticky;top:0;z-index:1;background:#0c0c0c}

.timeline-layout.per-hand-actions .timeline-viewport{margin-left:80px}.timeline-layout.per-hand-actions .track-labels{width:76px}

.topbar{gap:12px}.topbar .header-breadcrumb{flex:1;width:auto}#annotations-toggle{margin-left:auto;border-color:#303030}

.sidebar-view{flex:1;min-height:0}.annotations-view{display:flex;flex-direction:column}.objects-view{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#363636 transparent}.sidebar-view-heading{flex-shrink:0}.sidebar-tabs{display:flex;gap:4px;width:100%;background:#171717;border:1px solid #292929;border-radius:6px;padding:3px}.sidebar-tabs button{flex:1;border:0;background:transparent;color:#888;font-size:12px;border-radius:4px;padding:7px 9px}.sidebar-tabs button[aria-selected="true"]{background:#2a2a2a;color:#eee;box-shadow:0 1px 3px #0004}.sidebar-tabs button:hover{color:#eee}.objects-view .objects-section{max-height:none;overflow:visible;border:0;min-height:0}.objects-view-heading{display:flex;justify-content:space-between;margin:0;padding:18px;font-size:13px;font-weight:500}.object-catalog{display:flex;flex-direction:column;gap:8px;margin-top:16px}.object-card{display:flex;flex-direction:column;gap:7px;text-align:left;padding:12px;background:#121212;border:1px solid #292929;border-radius:5px}.object-card:hover{background:#1c1c1c;border-color:#555}.object-card strong{font-size:12px;line-height:1.5;font-weight:500}.object-card small{font-size:11px;color:#888}.objects-view .objects-content{padding-bottom:24px}

.sidebar-view-heading{overflow:visible;position:relative;z-index:10}.sidebar-view-dropdown{position:relative}.sidebar-view-dropdown .episode-trigger{font-size:13px;padding:6px 8px;margin-left:-8px}.sidebar-view-menu{width:200px;top:calc(100% + 8px)}.sidebar-view-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:0;border-radius:4px;background:transparent;color:#ddd;font-size:13px;text-align:left}.sidebar-view-option:hover,.sidebar-view-option:focus-visible{background:#262626}.sidebar-view-option span{visibility:hidden}.sidebar-view-option[aria-checked="true"] span{visibility:visible}

.sidebar-view-dropdown{width:156px;max-width:100%}.sidebar-view-dropdown .episode-trigger{width:100%;justify-content:space-between}

.annotations-view{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.annotations-view .segments-dock{margin-top:0}.annotations-view .annotations-context{min-height:0}

.segments-section summary{position:relative;padding-right:104px}.segments-section summary .segments-follow{position:absolute;right:18px;top:50%;transform:translateY(-50%);white-space:nowrap}

.object-card p{margin:0;font-size:12px;line-height:1.5;color:#aaa}

.signals-trigger{font-size:11px;gap:5px;white-space:nowrap}.signals-count:empty{display:none}.signals-count{font:10px ui-monospace,monospace;color:#aaa;padding:1px 4px;border:1px solid #444;border-radius:3px}.signals-menu{width:310px;max-width:calc(100vw - 24px);overflow-y:auto}.signal-menu-heading{display:flex;align-items:center;justify-content:space-between;padding:6px 9px 10px;color:#aaa;font-size:12px}.signal-menu-heading button{border:0;background:none;color:#888;font-size:11px;padding:2px 0}.signal-search{display:block;width:calc(100% - 18px);margin:0 9px 8px;background:#0e0e0e;color:#eee;border:1px solid #333;border-radius:4px;padding:7px;font:12px inherit}.signal-group-label{padding:12px 9px 4px;color:#888;font-size:10px;letter-spacing:.6px;text-transform:uppercase}.signals-menu .signal-option{padding:8px 9px;gap:10px;font-size:12px}.signal-option span{min-width:0;line-height:1.4}.signal-option small{display:block;font-size:10px;color:#777}.signal-option input{flex:none}.signal-empty{padding:10px;color:#888;font-size:12px;line-height:1.5}.signal-row{height:56px;position:relative;border:1px solid #39393c;border-top:0;background:#171719;cursor:crosshair;overflow:hidden}.signal-row svg{position:absolute;left:0;top:0;width:100%;height:56px;pointer-events:none}.signal-grid{fill:none;stroke:#ffffff0d;stroke-width:1;vector-effect:non-scaling-stroke}.signal-row-heading{position:sticky;left:0;width:max-content;max-width:100%;display:flex;align-items:center;gap:10px;height:22px;padding:0 8px;background:#171719e8;z-index:1;font:10px ui-monospace,monospace}.signal-row-heading output{color:#aaa;white-space:nowrap}.signal-row-heading button{font-size:15px;border:0;background:none;color:#777;padding:1px 3px}.signal-row-heading button:hover{color:#eee}.signal-range{color:#777;font:9px ui-monospace,monospace;white-space:nowrap}.signal-no-data{position:absolute;top:42px;left:8px;color:#777;font:10px ui-monospace,monospace}.signal-tooltip{position:absolute;top:25px;z-index:3;padding:4px 6px;border:1px solid #555;background:#090909ec;border-radius:3px;color:#ddd;font:10px ui-monospace,monospace;pointer-events:none;white-space:nowrap}

.signals-menu .signal-search{box-sizing:border-box;display:block;width:calc(100% - 18px);min-width:0;max-width:none;height:32px;margin:0 9px 8px;padding:7px 9px;font-family:inherit;font-size:12px;-webkit-appearance:none;appearance:none}

.annotation-row.subtask-row{grid-template-columns:51px minmax(0,1fr)}

.shell>main .keyboard-footer{display:flex;align-items:center;gap:16px}.keyboard-shortcuts{display:flex;align-items:center;gap:7px;white-space:nowrap;flex-shrink:0}@media(max-width:980px){.keyboard-footer .keyboard-shortcuts{display:none}}

.transport-left .keyboard-shortcuts{margin-left:14px;font-size:10px;color:#777;gap:5px;text-align:left}.transport-left .keyboard-shortcuts kbd{margin-left:3px;font-size:9px}.transport-left{min-width:0}@media(max-width:980px){.transport-left .keyboard-shortcuts{display:none}}

.keyboard-footer .timeline-toolbar{justify-content:flex-start;gap:12px;flex-shrink:0}.keyboard-footer{flex-wrap:wrap}

.timeline-layout .track-labels{top:0}.track-labels .ruler-track-label{height:44px;flex-shrink:0}

/* Signal names share the fixed label column with annotation tracks. */
.track-labels .signal-track-label{height:56px;flex-shrink:0;display:flex;align-items:center;line-height:14px;white-space:normal;overflow-wrap:anywhere}

@media(max-width:760px), (max-width:960px) and (max-height:500px){
  .topbar{min-height:60px;height:auto;padding:8px 12px;gap:8px}
  .header-breadcrumb{flex-wrap:nowrap;gap:8px}
  .episode-dropdown{min-width:0}
  .episode-trigger,.sidebar-toggle{min-height:44px}
  .episode-menu{position:fixed;top:64px;left:12px;right:12px;width:auto;max-width:none}
  .shell>main .keyboard-footer{padding-bottom:8px}
  #scrubber{touch-action:none}
}