/* Approved signed-in A hierarchy. Every rule is scoped away from the login. */
.workspace-layout:not(.signed-out) { grid-template-columns:210px minmax(0,1fr); }
.workspace-layout:not(.signed-out) .sidebar { isolation:isolate; padding:29px 16px 20px; }
.workspace-layout:not(.signed-out) .brand-text { font-size:25px; font-weight:750; }
.workspace-layout:not(.signed-out) #nav { position:static; }
.workspace-layout:not(.signed-out) #nav a { z-index:1; font-size:13px; }
.workspace-layout:not(.signed-out) #nav a[data-nav=admin] { margin-top:0; }
.workspace-layout:not(.signed-out) .management-label { margin:32px 14px 12px; }
.workspace-layout:not(.signed-out) .nav-badge { margin-left:auto; font-size:10px; background:#e1e7fb; border-radius:5px; padding:2px 6px; }
.workspace-layout:not(.signed-out) .nav-moving-highlight { position:absolute; left:0; top:0; border-radius:8px; background:var(--soft); pointer-events:none; z-index:0; transition:transform 250ms cubic-bezier(.22,.8,.25,1),width 250ms,height 250ms; }
.workspace-layout:not(.signed-out) .motion-nav-ready #nav a.active { background:transparent; }
.workspace-layout:not(.signed-out) .side-footer { padding:28px 0 0; }
.workspace-layout:not(.signed-out) .person { display:flex; align-items:center; gap:10px; }
.workspace-layout:not(.signed-out) .person strong { display:block; font-size:12px; font-weight:600; }
.workspace-layout:not(.signed-out) .person small { display:block; font-size:10px; margin-top:4px; color:var(--ink-3); }
.workspace-layout:not(.signed-out) .avatar { display:grid; place-items:center; width:33px; height:33px; flex-shrink:0; border-radius:50%; background:#eef0fa; color:#6274aa; font-size:11px; font-weight:600; }
.workspace-layout:not(.signed-out) .person #logout-btn { margin:0 0 0 auto; padding:6px; color:#93a0b3; }
.workspace-layout:not(.signed-out) .workspace-main { overflow-x:clip; padding:0 34px 24px; }
.workspace-layout:not(.signed-out) .video-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:19px; }
.workspace-layout:not(.signed-out) .export-cards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.workspace-layout:not(.signed-out) .page-heading { padding:29px 0 25px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.workspace-layout:not(.signed-out) .page-heading h1 { font-size:27px; letter-spacing:-.6px; font-weight:650; margin:0; }
.workspace-layout:not(.signed-out) .page-heading p:not(.eyebrow) { font-size:12px; color:var(--ink-3); margin:10px 0 0; line-height:1.6; }
.workspace-layout:not(.signed-out) .upload-action { display:grid; gap:7px; justify-items:end; max-width:200px; text-align:right; }
.workspace-layout:not(.signed-out) .upload-action small { font-size:10px; color:var(--ink-3); }
.workspace-layout:not(.signed-out) .library-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.workspace-layout:not(.signed-out) .library-metrics .metric { padding:19px 20px; display:block; min-width:0; }
.workspace-layout:not(.signed-out) .metric-label { display:flex; justify-content:space-between; font-size:11px; color:#8190a7; }
.workspace-layout:not(.signed-out) .metric-label .nav-icon { color:#a5b2c8; }
.workspace-layout:not(.signed-out) .metric-value { font-size:29px; font-weight:600; letter-spacing:-.8px; margin:13px 0 9px; font-variant-numeric:tabular-nums; }
.workspace-layout:not(.signed-out) .metric-value small { font-size:11px; font-weight:400; letter-spacing:0; margin-left:6px; color:var(--ink-3); }
.workspace-layout:not(.signed-out) .metric-foot { font-size:10px; color:#9aa5b6; margin:0; }
.workspace-layout:not(.signed-out) .library-toolbar { margin:0 0 19px; }
.workspace-layout:not(.signed-out) .tabs { display:flex; gap:22px; border-bottom:1px solid var(--line); }
.workspace-layout:not(.signed-out) .tabs button { border:0; border-radius:0; background:none; padding:12px 0; color:#8794a8; border-bottom:2px solid transparent; font-size:12px; white-space:nowrap; }
.workspace-layout:not(.signed-out) .tabs button.active { color:var(--accent); border-bottom-color:var(--accent); font-weight:600; }
.workspace-layout:not(.signed-out) .tabs span { font-size:10px; margin-left:5px; background:#e9edf4; padding:2px 5px; border-radius:4px; }
.workspace-layout:not(.signed-out) .filter-group { display:flex; gap:9px; }
.workspace-layout:not(.signed-out) .search-wrap { display:flex; align-items:center; background:white; border:1px solid var(--line); padding-left:10px; border-radius:8px; gap:6px; color:#9eaabd; }
.workspace-layout:not(.signed-out) .search-wrap input { border:0; background:transparent; font-size:11px; width:180px; max-width:100%; padding:10px 7px; }
.workspace-layout:not(.signed-out) .filter-group select { font-size:11px; padding:9px 10px; }
.workspace-layout:not(.signed-out) .thumbnail { display:block; height:153px; position:relative; background:#dce5f0; overflow:hidden; }
.workspace-layout:not(.signed-out) .source-thumbnail { display:grid; place-items:center; width:100%; height:100%; }
.workspace-layout:not(.signed-out) .source-thumbnail canvas { width:100%; height:100%; object-fit:cover; }
.workspace-layout:not(.signed-out) .thumbnail-fallback { font-size:11px; color:#687d9c; padding:24px; text-align:center; }
.workspace-layout:not(.signed-out) .thumbnail:after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,#14203388); pointer-events:none; }
.workspace-layout:not(.signed-out) .thumb-label,.workspace-layout:not(.signed-out) .thumb-time { position:absolute; z-index:1; font-size:9px; color:white; background:#26394c88; border-radius:4px; padding:4px 7px; }
.workspace-layout:not(.signed-out) .thumb-label { top:11px; left:11px; }
.workspace-layout:not(.signed-out) .thumb-time { bottom:10px; right:10px; font-variant-numeric:tabular-nums; }
.workspace-layout:not(.signed-out) .thumb-play { position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); width:35px; height:35px; border:1px solid #ffffff88; border-radius:50%; background:#ffffff24; color:white; display:grid; place-items:center; opacity:0; }
.workspace-layout:not(.signed-out) .video-card:hover .thumb-play { opacity:1; }
.workspace-layout:not(.signed-out) .video-info { padding:15px 16px 13px; }
.workspace-layout:not(.signed-out) .video-title { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.workspace-layout:not(.signed-out) .video-title h3 { font-size:13px; font-weight:600; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-layout:not(.signed-out) .state-pill { font-size:9px; padding:4px 7px; border-radius:4px; background:#f1f3f8; color:#8a97aa; white-space:nowrap; }
.workspace-layout:not(.signed-out) .state-pill.progress { background:#edf2ff; color:#6b83c6; }
.workspace-layout:not(.signed-out) .state-pill.done { background:#eaf6f1; color:#388e74; }
.workspace-layout:not(.signed-out) .video-sub { font-size:10px; color:#9ba6b5; margin:7px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-layout:not(.signed-out) .sensors { display:flex; flex-wrap:wrap; gap:5px; margin-top:13px; }
.workspace-layout:not(.signed-out) .sensor { border:1px solid #deeee8; background:#f4faf7; color:#579582; padding:3px 5px; font-size:9px; border-radius:4px; }
.workspace-layout:not(.signed-out) .sensor.no,.workspace-layout:not(.signed-out) .sensor.unknown { color:#8290a4; border-color:#eaeef3; background:#f8f9fb; }
.workspace-layout:not(.signed-out) .sensor small { display:block; font-size:8px; }
.workspace-layout:not(.signed-out) .card-progress-head { display:flex; justify-content:space-between; font-size:9px; color:#97a2b5; margin-top:15px; }
.workspace-layout:not(.signed-out) .progress-bar { height:4px; background:#edf0f6; border-radius:4px; overflow:hidden; margin-top:7px; }
.workspace-layout:not(.signed-out) .progress-bar i { display:block; height:100%; background:#8095e2; border-radius:4px; }
.workspace-layout:not(.signed-out) .card-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid #f0f2f7; margin-top:14px; padding-top:11px; }
.workspace-layout:not(.signed-out) .card-bottom span { font-size:9px; color:#9aa6b8; }
.workspace-layout:not(.signed-out) .text-link { color:var(--accent); font-size:11px; padding:3px 0; white-space:nowrap; }
.workspace-layout:not(.signed-out) .list-footer { display:flex; justify-content:space-between; margin-top:21px; color:#a1acbc; font-size:10px; }
.workspace-layout:not(.signed-out) .notice { margin:21px 0; font-size:10px; color:#99a5b6; line-height:1.7; }
.workspace-layout:not(.signed-out) .workspace-tools { margin-top:24px; }
.workspace-layout:not(.signed-out) .site-footer { display:flex; justify-content:space-between; gap:12px; margin-top:32px; font-size:9px; color:#a4afbf; letter-spacing:.7px; }
.workspace-layout:not(.signed-out) .panels { display:grid; grid-template-columns:1fr 1.15fr; gap:19px; }
.workspace-layout:not(.signed-out) .chart-foot { font-size:10px; color:#95a1b4; border-top:1px solid var(--line); padding-top:15px; margin-bottom:0; }
.workspace-layout:not(.signed-out) .bar-chart { display:grid; gap:17px; padding:4px 0 20px; }
.workspace-layout:not(.signed-out) .bar-row { display:grid; grid-template-columns:100px 1fr 30px; gap:11px; align-items:center; font-size:10px; color:#7d8ba1; }
.workspace-layout:not(.signed-out) .bar-rail { height:13px; background:#f3f5fa; border-radius:3px; }
.workspace-layout:not(.signed-out) .bar-rail span { height:100%; display:block; background:#8da0e5; border-radius:3px; }
.workspace-layout:not(.signed-out) .bar-row strong { text-align:right; font-size:11px; font-weight:500; }
.workspace-layout:not(.signed-out) .cell-user { display:flex; align-items:center; gap:10px; }
.workspace-layout:not(.signed-out) .cell-user small { display:block; margin-top:4px; font-size:10px; }
.workspace-layout:not(.signed-out) .table-progress { display:flex; align-items:center; gap:10px; }
.workspace-layout:not(.signed-out) .table-progress .progress-bar { width:95px; margin:0; }
.workspace-layout:not(.signed-out) .account-intro { margin-bottom:24px; background:#eef2fc; border:1px solid #e3e9fa; border-radius:10px; padding:17px 20px; }
.workspace-layout:not(.signed-out) .account-intro h3 { font-size:12px; font-weight:500; color:#667cba; margin:0 0 5px; }
.workspace-layout:not(.signed-out) .account-intro p { font-size:11px; color:#8b9abb; line-height:1.6; margin:0; }
.workspace-layout:not(.signed-out) .account-panel { padding:0; overflow:hidden; }
.workspace-layout:not(.signed-out) .account-toolbar { padding:20px 22px; margin:0; }
.workspace-layout:not(.signed-out) .account-toolbar h2 { font-size:14px; margin:0; }
.workspace-layout:not(.signed-out) .account-panel td { padding:17px 13px; }
.workspace-layout:not(.signed-out) .account-panel .list-footer { padding:0 22px 20px; }
.workspace-layout:not(.signed-out) .table-action { background:none; border:0; color:var(--accent); font-size:11px; padding:4px 7px; }
.workspace-layout:not(.signed-out) .account-form { display:grid; gap:12px; }
.workspace-layout:not(.signed-out) .account-form .field { display:grid; gap:9px; margin:0; }
.workspace-layout:not(.signed-out) #account-dialog { width:440px; max-width:calc(100vw - 30px); }
.workspace-layout:not(.signed-out) .modal-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.workspace-layout:not(.signed-out) .modal-head h2 { font-size:19px; margin:0; }
.workspace-layout:not(.signed-out) .modal-head button { background:none; border:0; font-size:22px; color:#8b99ad; padding:0 4px; }
.workspace-layout:not(.signed-out) .export-scope-title { display:flex; align-items:center; gap:14px; }
.workspace-layout:not(.signed-out) .export-icon { display:grid; place-items:center; width:41px; height:41px; background:var(--soft); border-radius:10px; color:#778bc7; flex-shrink:0; }
.workspace-layout:not(.signed-out) .export-card { padding:24px 23px 18px; }
.workspace-layout:not(.signed-out) .export-card-top { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:23px; }
.workspace-layout:not(.signed-out) .export-card-top .file-icon { width:39px; height:46px; margin:0; }
.workspace-layout:not(.signed-out) .export-card-label { font-size:10px; color:#9aa6b8; }
.workspace-layout:not(.signed-out) .export-description { font-size:11px; min-height:63px; margin:0; }
.workspace-layout:not(.signed-out) .export-count { display:flex; align-items:baseline; gap:8px; margin:20px 0 21px; padding-bottom:19px; border-bottom:1px solid #edf0f6; }
.workspace-layout:not(.signed-out) .export-count strong { font-size:31px; font-weight:600; letter-spacing:-.7px; }
.workspace-layout:not(.signed-out) .export-count span { font-size:10px; color:#8a98ad; }
.workspace-layout:not(.signed-out) .export-fields { min-height:49px; align-content:flex-start; margin:0; }
.workspace-layout:not(.signed-out) .export-fields span { font-size:9px; }
.workspace-layout:not(.signed-out) .export-rule { font-size:10px; line-height:1.9; color:#9ba7b8; min-height:57px; margin:13px 0 20px; }
.workspace-layout:not(.signed-out) .export-file-name { margin-top:auto; background:#f8f9fc; border-radius:6px; padding:11px 9px; font:9px/1.7 ui-monospace,monospace; color:#95a1b5; overflow-wrap:anywhere; }
.workspace-layout:not(.signed-out) .export-download { margin-top:14px; min-height:39px; font-size:11px; }
.workspace-layout:not(.signed-out) .export-download[aria-disabled=true] { opacity:.4; pointer-events:none; }
@media(min-width:1600px) {
  .workspace-layout:not(.signed-out) .workspace-main { padding-left:48px; padding-right:48px; }
  .workspace-layout:not(.signed-out) .thumbnail { height:185px; }
  .workspace-layout:not(.signed-out) .video-grid { gap:23px; }
}
@media(max-width:1200px) {
  .workspace-layout:not(.signed-out) .export-scope-panel { align-items:flex-start; flex-direction:column; gap:18px; }
  .workspace-layout:not(.signed-out) .export-card { padding:21px 17px 17px; }
  .workspace-layout:not(.signed-out) .export-card-label { font-size:9px; }
  .workspace-layout:not(.signed-out) .export-card h2 { font-size:15px; }
  .workspace-layout:not(.signed-out) .export-card-top { gap:6px; }
  .workspace-layout:not(.signed-out) .export-description { min-height:83px; }
  .workspace-layout:not(.signed-out) .export-cards { gap:12px; }
  .workspace-layout:not(.signed-out) .export-fields { min-height:65px; }
  .workspace-layout:not(.signed-out) .export-rule { min-height:76px; }
}
@media(max-width:1150px) {
  .workspace-layout:not(.signed-out) { grid-template-columns:175px minmax(0,1fr); }
  .workspace-layout:not(.signed-out) .sidebar { padding-left:10px; padding-right:10px; }
  .workspace-layout:not(.signed-out) .workspace-main { padding-left:22px; padding-right:22px; }
  .workspace-layout:not(.signed-out) .brand-text { font-size:22px; }
  .workspace-layout:not(.signed-out) .video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workspace-layout:not(.signed-out) .library-metrics { gap:10px; }
  .workspace-layout:not(.signed-out) .library-metrics .metric { padding:16px; }
  .workspace-layout:not(.signed-out) .grade-distribution { gap:15px; }
  .workspace-layout:not(.signed-out) .panels { grid-template-columns:1fr; }
}
@media(max-width:950px) {
  .workspace-layout:not(.signed-out) .export-cards { grid-template-columns:1fr; }
  .workspace-layout:not(.signed-out) .export-card { padding:23px; }
  .workspace-layout:not(.signed-out) .export-description,
  .workspace-layout:not(.signed-out) .export-fields,
  .workspace-layout:not(.signed-out) .export-rule { min-height:0; }
  .workspace-layout:not(.signed-out) .export-card-top { margin-bottom:15px; }
  .workspace-layout:not(.signed-out) .export-card-label { font-size:10px; }
  .workspace-layout:not(.signed-out) .export-card h2 { font-size:18px; }
  .workspace-layout:not(.signed-out) .export-count { margin:17px 0; }
  .workspace-layout:not(.signed-out) .export-rule { margin:13px 0 17px; }
  .workspace-layout:not(.signed-out) .export-range-note { align-items:flex-start; }
  .workspace-layout:not(.signed-out) .export-file-name { font-size:10px; }
  .workspace-layout:not(.signed-out) .export-download { font-size:12px; }
}
@media(max-width:780px) {
  .workspace-layout:not(.signed-out) { grid-template-columns:68px minmax(0,1fr); }
  .workspace-layout:not(.signed-out) .sidebar { padding:25px 9px; }
  .workspace-layout:not(.signed-out) #nav { margin-top:26px; }
  .workspace-layout:not(.signed-out) .workspace-main { padding:0 18px 20px; }
  .workspace-layout:not(.signed-out) .library-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workspace-layout:not(.signed-out) .video-grid { gap:13px; }
  .workspace-layout:not(.signed-out) .thumbnail { height:135px; }
  .workspace-layout:not(.signed-out) .library-toolbar { align-items:flex-start; flex-direction:column; }
  .workspace-layout:not(.signed-out) .person>div,.workspace-layout:not(.signed-out) .nav-badge { display:none; }
  .workspace-layout:not(.signed-out) .person { flex-direction:column; }
  .workspace-layout:not(.signed-out) .person #logout-btn { display:block; margin:0; }
  .workspace-layout:not(.signed-out) .page-heading { align-items:flex-start; flex-wrap:wrap; padding-top:24px; }
  .workspace-layout:not(.signed-out) .page-heading h1 { font-size:24px; }
  .workspace-layout:not(.signed-out) .upload-action { max-width:none; text-align:left; justify-items:start; }
  .workspace-layout:not(.signed-out) .filter-group { width:100%; flex-wrap:wrap; }
  .workspace-layout:not(.signed-out) .search-wrap { flex:1; }
  .workspace-layout:not(.signed-out) .search-wrap input { width:100%; min-width:0; }
  .workspace-layout:not(.signed-out) .account-toolbar { flex-wrap:wrap; }
  .workspace-layout:not(.signed-out) .crumb { flex-wrap:wrap; gap:6px; }
}
@media(max-width:520px) {
  .workspace-layout:not(.signed-out) .video-grid { grid-template-columns:1fr; }
  .workspace-layout:not(.signed-out) .thumbnail { height:165px; }
  .workspace-layout:not(.signed-out) .library-metrics .metric { padding:13px; }
  .workspace-layout:not(.signed-out) .metric-value { font-size:25px; }
  .workspace-layout:not(.signed-out) .tabs { gap:18px; }
  .workspace-layout:not(.signed-out) .tabs button { font-size:11px; }
  .workspace-layout:not(.signed-out) .export-scope-panel { padding:18px; }
  .workspace-layout:not(.signed-out) .export-scope-title { align-items:flex-start; gap:11px; }
  .workspace-layout:not(.signed-out) .export-scope-panel .field,
  .workspace-layout:not(.signed-out) .export-scope-panel select { width:100%; min-width:0; }
  .workspace-layout:not(.signed-out) .export-card { padding:20px; }
  .workspace-layout:not(.signed-out) .export-guidance { padding:18px; }
}
@media(prefers-reduced-motion:reduce) {
  .workspace-layout:not(.signed-out) .nav-moving-highlight,.workspace-layout:not(.signed-out) .video-card { transition:none; }
}

/* Candidate/truth interior: the reference iframe's 900/610px queries measured
   its CONTENT. A named native container preserves those measurements and beats
   the earlier 1250/1180/1000/780px viewport rules without changing the shell. */
.workspace-layout:not(.signed-out) .annotation-workspace { container:annotation / inline-size; min-width:0; }
.workspace-layout:not(.signed-out) .workspace-guidance { font-size:11px; color:var(--ink-2); line-height:1.7; margin:0 0 16px; }
.workspace-layout:not(.signed-out) .review-layout { display:grid; grid-template-columns:100px minmax(0,1fr) 268px; gap:14px; align-items:start; }
.workspace-layout:not(.signed-out) .truth-workspace { display:grid; grid-template-columns:minmax(0,1fr) 268px; gap:14px; align-items:start; }
.workspace-layout:not(.signed-out) .review-layout > *,
.workspace-layout:not(.signed-out) .truth-workspace > * { min-width:0; width:auto; }
.workspace-layout:not(.signed-out) #review-queue { grid-column:auto; grid-row:auto; order:0; }
.workspace-layout:not(.signed-out) #review-queue .panel { background:none; border:0; padding:0; margin:0; }
.workspace-layout:not(.signed-out) #review-queue h2 { font-size:11px; margin:0 0 10px; font-weight:600; }
.workspace-layout:not(.signed-out) #review-queue label { font-size:10px; gap:5px; }
.workspace-layout:not(.signed-out) #review-queue input { width:12px; height:12px; margin:0; }
.workspace-layout:not(.signed-out) #review-queue .bar { height:3px; margin-bottom:16px !important; }
.workspace-layout:not(.signed-out) #review-queue .queue { display:grid; gap:9px; max-height:72vh; overflow-y:auto; overflow-x:hidden; padding:3px; margin:-3px; }
.workspace-layout:not(.signed-out) #review-queue .queue-item { display:block; position:relative; min-width:0; width:100%; margin:0; padding:5px; border:1px solid var(--line); border-radius:9px; background:#fff; font-family:inherit; }
.workspace-layout:not(.signed-out) #review-queue .queue-item.current { border-color:var(--accent); box-shadow:0 0 0 2px var(--soft); }
.workspace-layout:not(.signed-out) #review-queue .source-thumbnail { display:block; position:relative; width:100%; height:57px; border-radius:5px; overflow:hidden; background:#e9edf4; }
.workspace-layout:not(.signed-out) #review-queue .source-thumbnail canvas,
.workspace-layout:not(.signed-out) #review-queue .source-thumbnail img { width:100%; height:100%; object-fit:cover; display:block; }
.workspace-layout:not(.signed-out) #review-queue .thumbnail-fallback { display:grid; place-content:center; width:100%; height:100%; padding:5px; font-size:9px; line-height:1.4; text-align:center; }
.workspace-layout:not(.signed-out) #review-queue .idx { position:absolute; top:9px; left:9px; border-radius:3px; padding:0 4px; font-size:9px; background:#152030ae; color:#fff; }
.workspace-layout:not(.signed-out) .queue-meta { display:flex; justify-content:space-between; padding:5px 2px 1px; font-size:10px; font-variant-numeric:tabular-nums; }
.workspace-layout:not(.signed-out) .queue-grade { color:var(--accent); }
.workspace-layout:not(.signed-out) .queue-duration { display:block; padding:0 2px; font-size:9px; color:var(--ink-3); }
.workspace-layout:not(.signed-out) #review-queue .tag { font-size:8px; padding:1px 3px; margin:2px; }
.workspace-layout:not(.signed-out) #review-queue p { font-size:10px; line-height:1.6; }
.workspace-layout:not(.signed-out) .player-card { background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.workspace-layout:not(.signed-out) .player-head { padding:13px 16px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.workspace-layout:not(.signed-out) .player-head h2,
.workspace-layout:not(.signed-out) .player-head strong { font-size:12px; font-weight:600; }
.workspace-layout:not(.signed-out) .player-head .small { font-size:10px; }
.workspace-layout:not(.signed-out) .clip-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; min-width:0; }
.workspace-layout:not(.signed-out) .clip-identity { font-size:10px; color:var(--ink-3); overflow-wrap:anywhere; }
.workspace-layout:not(.signed-out) .telemetry-status { padding:0 16px 10px; margin:0; }
.workspace-layout:not(.signed-out) .telemetry-status summary { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:8px; cursor:pointer; }
.workspace-layout:not(.signed-out) .metadata-badges { display:flex; gap:5px; }
.workspace-layout:not(.signed-out) .metadata-badges > span { font-size:9px; padding:3px 6px; border-radius:4px; background:#f7f9fc; color:var(--ink-3); border:1px solid var(--line); }
.workspace-layout:not(.signed-out) .metadata-badges .available { color:#278766; }
.workspace-layout:not(.signed-out) .sensor-detail-label { font-size:9px; color:var(--ink-2); }
.workspace-layout:not(.signed-out) .player-card .player { min-height:0; border-radius:0; background:#0d1219; }
.workspace-layout:not(.signed-out) .player-card .player video,
.workspace-layout:not(.signed-out) .player-card .player img { width:100%; max-height:none; aspect-ratio:16 / 10; object-fit:contain; display:block; }
.workspace-layout:not(.signed-out) .player-card .missing { padding:60px 20px; }
.workspace-layout:not(.signed-out) .player-surface { background:#fff; }
.workspace-layout:not(.signed-out) .player-surface:fullscreen { display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; }
.workspace-layout:not(.signed-out) .player-surface:fullscreen .player { flex:1; min-height:0; }
.workspace-layout:not(.signed-out) .player-surface:fullscreen video { height:100%; max-height:calc(100vh - 85px); }
.workspace-layout:not(.signed-out) .source-seek { display:block; width:calc(100% - 30px); height:16px; margin:4px 15px 0; padding:0; accent-color:var(--accent); cursor:pointer; }
.workspace-layout:not(.signed-out) .transport { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:8px 15px 12px; gap:8px; }
.workspace-layout:not(.signed-out) .transport-group { display:flex; align-items:center; gap:8px; min-width:0; }
.workspace-layout:not(.signed-out) .transport-button { display:inline-flex; align-items:center; justify-content:center; border:0; background:none; color:var(--ink); padding:4px; min-width:29px; min-height:29px; font-size:16px; }
.workspace-layout:not(.signed-out) .transport-button[data-player-action=play] { border-radius:50%; background:var(--soft); color:var(--accent); font-size:13px; }
.workspace-layout:not(.signed-out) .transport-time { font:10px var(--mono); color:var(--ink-2); white-space:nowrap; }
.workspace-layout:not(.signed-out) .playback-speed { width:auto; min-width:66px; min-height:29px; padding:3px 7px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--ink-2); font:11px var(--mono); cursor:pointer; }
.workspace-layout:not(.signed-out) .loop-label { display:flex; align-items:center; gap:5px; font-size:10px; color:var(--ink-2); }
.workspace-layout:not(.signed-out) .loop-label input { width:12px; height:12px; margin:0; accent-color:var(--accent); }
.workspace-layout:not(.signed-out) .media-status { font-size:11px; margin:0; padding:12px 15px; color:var(--ink-2); }
.workspace-layout:not(.signed-out) .context-pad { display:flex; flex-wrap:wrap; align-items:center; gap:7px; padding:0 15px 12px; font-size:10px; }
.workspace-layout:not(.signed-out) .context-pad button { padding:3px 6px; font-size:10px; }
.workspace-layout:not(.signed-out) .context-pad .small { font-size:10px; }
.workspace-layout:not(.signed-out) .player-card .truth-scope { margin:0; padding:10px 17px; border-top:1px solid var(--line); font-size:10px; }
.workspace-layout:not(.signed-out) .player-card .truth-scope select { font-size:10px; max-width:100%; }
.workspace-layout:not(.signed-out) .player-card .truth-timeline { margin:0; padding:15px 17px 13px; border:0; border-top:1px solid var(--line); border-radius:0; }
.workspace-layout:not(.signed-out) .player-card .truth-timeline-heading { font-size:11px; gap:8px; }
.workspace-layout:not(.signed-out) .player-card .truth-timeline .small { font-size:10px; }
.workspace-layout:not(.signed-out) .player-card .truth-timeline .hint { font-size:10px; margin:7px 0 12px; }
.workspace-layout:not(.signed-out) .time-ruler { display:flex; justify-content:space-between; font:9px var(--mono); color:var(--ink-3); margin:8px 0 7px; }
.workspace-layout:not(.signed-out) .player-card .truth-track { margin-right:8px; background:#f7f9fc; background-image:repeating-linear-gradient(90deg,transparent,transparent calc(20% - 1px),var(--line) calc(20% - 1px),var(--line) 20%); }
.workspace-layout:not(.signed-out) .review-color-track .grade-peak { width:1px; height:18px; background:#fff; box-shadow:0 0 0 .5px #8793a1; pointer-events:none; }
.workspace-layout:not(.signed-out) .player-card .truth-cursor { width:1px; background:var(--ink); }
.workspace-layout:not(.signed-out) .player-card .review-legend,
.workspace-layout:not(.signed-out) .player-card .truth-legend { gap:10px; margin:8px 0 10px; font-size:9px; }
.workspace-layout:not(.signed-out) .player-card .review-legend span::before { width:5px; height:5px; border-radius:2px; }
.workspace-layout:not(.signed-out) .trace-detail { padding:12px 14px; margin-top:14px; background:#fff; border:1px solid var(--line); border-radius:9px; font-size:11px; }
.workspace-layout:not(.signed-out) .trace-detail .field { margin:0; }
.workspace-layout:not(.signed-out) .trace-detail .metrics { gap:8px; }
.workspace-layout:not(.signed-out) .trace-detail .metric { min-width:0; flex:1 1 100px; padding:12px; }
.workspace-layout:not(.signed-out) .trace-detail .metric .value { font-size:20px; }
.workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector { order:0; }
.workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector > .panel { padding:19px; border-radius:12px; margin:0; }
.workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector h2 { font-size:15px; margin:0 0 17px; }
.workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector .field-pair { display:block; }
.workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector .field { margin:0 0 18px; }
.workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector .field > label { display:block; font-size:11px; font-weight:600; margin:0 0 8px; }
.workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector .choice { flex:0 1 auto; border-radius:6px; padding:6px; font-size:10px; }
.workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector .choice .lab { font-size:10px; }
.workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector .choice .key { font-size:9px; }
.workspace-layout:not(.signed-out) .grade-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.workspace-layout:not(.signed-out) .annotation-workspace .grade-options .choice { display:flex; flex-direction:column; gap:2px; padding:9px 0 7px; border-radius:8px; text-align:center; min-width:0; }
.workspace-layout:not(.signed-out) .annotation-workspace .grade-options strong { display:block; font-size:20px; line-height:1.3; font-weight:550; }
.workspace-layout:not(.signed-out) .annotation-workspace .grade-options .lab { font-size:9px; }
.workspace-layout:not(.signed-out) .annotation-workspace .grade-options .key { display:none; }
.workspace-layout:not(.signed-out) .annotation-workspace .grade-explanation { min-height:16px; color:var(--ink-2); font-size:10px; line-height:1.6; margin:8px 0 0; }
.workspace-layout:not(.signed-out) .category-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.workspace-layout:not(.signed-out) .annotation-workspace .category-options .choice { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px; padding:8px; text-align:left; }
.workspace-layout:not(.signed-out) .annotation-workspace .category-options .key { display:none; }
.workspace-layout:not(.signed-out) .category-options .choice:last-child { grid-column:1 / -1; }
.workspace-layout:not(.signed-out) .annotation-workspace .category-options strong { font-size:9px; font-weight:500; opacity:.7; }
.workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector .hint { font-size:10px; line-height:1.6; margin:8px 0 0; }
.workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector .reason-groups { display:grid; gap:9px; }
.workspace-layout:not(.signed-out) .annotation-workspace .reason-group .gl { font-size:9px; margin:0 0 5px; }
.workspace-layout:not(.signed-out) .annotation-workspace .reason-field { border-top:1px solid var(--line); padding-top:11px; }
.workspace-layout:not(.signed-out) .annotation-workspace .reason-field > summary { font-size:10px; color:var(--ink-2); cursor:pointer; }
.workspace-layout:not(.signed-out) .annotation-workspace .reason-field .reason-groups { margin-top:10px; }
.workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector .grade-row { gap:6px; }
.workspace-layout:not(.signed-out) .annotation-workspace .annotation-tags .choice { background:#f7f9fc; padding:5px 7px; border-color:transparent; font-size:9px; }
.workspace-layout:not(.signed-out) .annotation-workspace .annotation-tags .choice.on { background:var(--soft); border-color:var(--accent); }
.workspace-layout:not(.signed-out) .annotation-workspace .annotation-tags .choice .lab { font-size:9px; }
.workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector textarea { width:100%; min-height:54px; padding:10px; background:#f7f9fc; border-radius:7px; font-size:10px; line-height:1.6; }
.workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector .primary { width:100%; padding:12px 14px; font-size:11px; border-radius:7px; }
.workspace-layout:not(.signed-out) .annotation-workspace .reference-tools { border-top:1px solid var(--line); margin-top:16px; padding-top:0; font-size:10px; }
.workspace-layout:not(.signed-out) .truth-source-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:0 0 16px; }
.workspace-layout:not(.signed-out) .truth-source-toolbar > label { min-width:0; max-width:100%; }
.workspace-layout:not(.signed-out) .truth-source-toolbar select { max-width:100%; width:min(430px,100%); font-size:11px; }
.workspace-layout:not(.signed-out) .truth-source-toolbar .truth-scope { margin:0; }
.workspace-layout:not(.signed-out) .truth-timecards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 0 8px; }
.workspace-layout:not(.signed-out) .timebox { border:1px solid var(--line); padding:9px; border-radius:7px; background:#f7f9fc; min-width:0; }
.workspace-layout:not(.signed-out) .timebox > span { display:flex; justify-content:space-between; gap:4px; color:var(--ink-2); font-size:9px; margin-bottom:6px; }
.workspace-layout:not(.signed-out) .timebox kbd { border:0; padding:0; background:none; font:inherit; }
.workspace-layout:not(.signed-out) .timebox input { width:100%; padding:0; margin:0 0 8px; border:0; background:none; font:14px var(--mono); }
.workspace-layout:not(.signed-out) .timebox button { padding:4px 0; border:0; background:none; color:var(--accent); font-size:10px; }
.workspace-layout:not(.signed-out) #truth-duration { display:block; margin:0 0 17px; font-size:10px; }
.workspace-layout:not(.signed-out) .annotation-list { background:#fff; border:1px solid var(--line); border-radius:9px; margin-top:14px; overflow:hidden; }
.workspace-layout:not(.signed-out) .annotation-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:11px 14px; font-size:11px; }
.workspace-layout:not(.signed-out) .annotation-heading span { color:var(--ink-3); font-size:10px; }
.workspace-layout:not(.signed-out) .annotation-list > .hint { padding:0 14px 12px; font-size:11px; }
.workspace-layout:not(.signed-out) .annotation-row { border-top:1px solid var(--line); padding:10px 14px; font-size:10px; }
.workspace-layout:not(.signed-out) .annotation-summary { display:grid; grid-template-columns:20px minmax(0,1fr) 30px minmax(45px,.5fr) auto; gap:8px; align-items:center; }
.workspace-layout:not(.signed-out) .annotation-index { color:var(--ink-3); font-size:9px; }
.workspace-layout:not(.signed-out) .annotation-times { display:flex; flex-wrap:wrap; align-items:center; gap:4px; font:10px var(--mono); }
.workspace-layout:not(.signed-out) .annotation-times button { font:inherit; }
.workspace-layout:not(.signed-out) .annotation-row button { padding:2px; font-size:10px; }
.workspace-layout:not(.signed-out) .annotation-grade { display:grid; place-items:center; border-radius:4px; min-width:22px; min-height:21px; }
.workspace-layout:not(.signed-out) .annotation-grade .tag { border:0; background:none; color:inherit; padding:0; }
.workspace-layout:not(.signed-out) .annotation-grade select { width:100%; min-width:0; padding:2px; font-size:10px; }
.workspace-layout:not(.signed-out) .annotation-category { color:var(--ink-2); font-size:9px; overflow-wrap:anywhere; }
.workspace-layout:not(.signed-out) .annotation-owner { color:var(--ink-3); font-size:9px; margin:5px 0 0 28px; overflow-wrap:anywhere; }
.workspace-layout:not(.signed-out) .annotation-details { margin:5px 0 0 28px; color:var(--ink-2); font-size:9px; }
.workspace-layout:not(.signed-out) .annotation-detail-fields { display:grid; gap:8px; padding-top:8px; overflow-wrap:anywhere; }
.workspace-layout:not(.signed-out) .annotation-detail-fields textarea { display:block; width:100%; min-height:54px; font-size:11px; }
.workspace-layout:not(.signed-out) .annotation-row .truth-edit-categories { min-width:0; display:flex; flex-wrap:wrap; }
.workspace-layout:not(.signed-out) .annotation-row input { max-width:100%; }
.workspace-layout:not(.signed-out) .annotation-workspace button:focus-visible,
.workspace-layout:not(.signed-out) .annotation-workspace input:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }

@container annotation (max-width:900px) {
  .workspace-layout:not(.signed-out) .review-layout,
  .workspace-layout:not(.signed-out) .truth-workspace { grid-template-columns:minmax(0,1fr) 250px; }
  .workspace-layout:not(.signed-out) .review-stage { grid-column:1; grid-row:1; }
  .workspace-layout:not(.signed-out) .review-layout > .workspace-inspector { grid-column:2; grid-row:1 / 3; }
  .workspace-layout:not(.signed-out) #review-queue { grid-column:1; grid-row:2; }
  .workspace-layout:not(.signed-out) #review-queue .queue { display:flex; overflow-x:auto; overflow-y:hidden; max-height:none; }
  .workspace-layout:not(.signed-out) #review-queue .queue-item { width:90px; min-width:90px; flex:0 0 90px; }
  .workspace-layout:not(.signed-out) #review-queue p { display:none; }
  .workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector > .panel { padding:15px; }
  .workspace-layout:not(.signed-out) .player-head { padding:10px; }
  .workspace-layout:not(.signed-out) .transport { padding:8px; }
  .workspace-layout:not(.signed-out) .annotation-summary { grid-template-columns:20px minmax(0,1fr) 30px auto; }
  .workspace-layout:not(.signed-out) .annotation-category { grid-column:2 / -1; grid-row:2; }
}
@container annotation (max-width:610px) {
  .workspace-layout:not(.signed-out) .review-layout,
  .workspace-layout:not(.signed-out) .truth-workspace { display:flex; flex-direction:column; }
  .workspace-layout:not(.signed-out) .review-layout > *,
  .workspace-layout:not(.signed-out) .truth-workspace > * { width:100%; }
  .workspace-layout:not(.signed-out) .review-stage { order:0; }
  .workspace-layout:not(.signed-out) #review-queue { order:1; }
  .workspace-layout:not(.signed-out) .annotation-workspace .workspace-inspector { order:2; }
  .workspace-layout:not(.signed-out) .annotation-row { padding:10px; }
  .workspace-layout:not(.signed-out) .annotation-summary { gap:5px; }
}