.poi-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;min-height:48px;width:100%;background:#0c151d;border-bottom:1px solid var(--line)}
.poi-summary .hint{margin:0;font-size:11px}
.poi-summary button{font-size:12px;background:#182631;border-left:3px solid var(--poi-color);font-variant-numeric:tabular-nums;padding:7px 10px}
.poi-summary button[aria-pressed=true]{outline:1px solid var(--poi-color)}
.poi-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.poi-marker{position:absolute;pointer-events:auto;padding:0;min-width:16px;min-height:16px;transform:translate(-50%,-50%);border:2px solid var(--poi-color);border-radius:2px;background:transparent;box-shadow:0 0 0 1px #0009;cursor:pointer;color:var(--poi-color)}
.poi-marker:hover:not(:disabled),.poi-marker[aria-pressed=true]{border-color:var(--poi-color);background:#ffffff20}
.poi-marker[aria-pressed=true]{outline:1px dashed white;outline-offset:3px}
.poi-marker.moving{pointer-events:none;border-style:dashed}
.poi-marker span{position:absolute;left:0;bottom:100%;padding:3px;background:#081018df;border-radius:3px;font-size:10px;line-height:1.2;white-space:nowrap;color:var(--poi-color)}
.poi-menu{position:fixed;z-index:1000;min-width:190px;max-width:calc(100vw - 16px);padding:6px;background:#172630;border:1px solid #59717f;box-shadow:0 6px 24px #0009;border-radius:8px}
.poi-menu button{display:block;width:100%;text-align:left;background:transparent;border:0}
.poi-menu button:hover{background:#2c424e}
#player:fullscreen .poi-summary{max-height:100px;overflow:auto;width:min(100%,1000px);flex-shrink:0}
#player:fullscreen:has(.poi-summary) .image-wrap{width:min(100vw,calc((100vh - 190px)*4/3))}
html[data-theme=light] .poi-summary{background:#f1f5f6;border-color:#d5dde2}html[data-theme=light] .poi-summary button{background:#e8f0f3}html[data-theme=light] .poi-menu{background:#fff;border-color:#a6b8c2}html[data-theme=light] .poi-menu button{color:#17232d}html[data-theme=light] .poi-menu button:hover{background:#e8f0f3}
html[data-theme=light] .poi-marker,html[data-theme=light] .poi-marker:hover:not(:disabled),html[data-theme=light] .poi-marker[aria-pressed=true]{background:transparent!important}
#crosshair.pinned{pointer-events:auto}
html[data-theme=light] .scale label,html[data-theme=light] .scale-caption{color:#334855}
#rgbImage,#rgbModalImage{transform:scaleX(-1)}
img.brand-icon{display:block;width:30px;height:30px;flex:none}
.header-folder{padding:8px 12px;font-size:11px}
/* Keep selection controls and recording panels stable during local file reads. */
#hands.segmented,#phases.tabs{height:42px;box-sizing:border-box;align-items:stretch}
#hands.segmented button,#phases.tabs button{font-size:12px;line-height:16px;padding:7px 11px;white-space:nowrap}
#workspace{position:relative;overflow-anchor:none}
#workspace.is-loading .workspace-loading{display:flex;background:var(--panel);backdrop-filter:none}
#workspace.is-loading>.session-header,#workspace.is-loading>.workspace-grid{pointer-events:none}
#rgbOpen{height:350px;display:grid;place-items:center}
#rgbImage{max-height:350px;object-fit:contain}
/* Capture phase selector: use a filled selection state rather than competing underlines. */
#phases.tabs{align-self:auto;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#101820}#phases.tabs button{padding:7px 11px;border:0;border-radius:5px;color:var(--muted);line-height:1.2}#phases.tabs button.active{border:0;background:#24403f;color:var(--teal);box-shadow:inset 0 0 0 1px #35645d}
html[data-theme=light] .player{background:#fff;border:1px solid #d5dde2}html[data-theme=light] .player .transport{background:#f7fafb;border-top:1px solid #d5dde2;color:#17232d}html[data-theme=light] .player #scrubber{background:#f7fafb}html[data-theme=light] .gradient{background:linear-gradient(90deg,#000004,#160b39,#420a68,#6a176e,#932667,#bc3754,#dd513a,#f37819,#fca50a,#f6d746,#fcffa4)}html[data-theme=light] #phases.tabs{background:#eef3f5;border-color:#cbd6dc}html[data-theme=light] #phases.tabs button{color:#334855}html[data-theme=light] #phases.tabs button.active{background:#c8eee6;color:#075f54;box-shadow:inset 0 0 0 1px #75cfc0}
.workspace-loading{display:none;position:absolute;inset:0;z-index:20;align-items:flex-start;justify-content:center;padding-top:clamp(170px,28vh,300px);gap:10px;background:rgba(12,17,22,.62);backdrop-filter:blur(2px);color:var(--text);font-size:13px;font-weight:600;pointer-events:all}.workspace.is-loading{position:relative}.workspace.is-loading .workspace-loading{display:flex}.loading-spinner{width:15px;height:15px;border:2px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:workspace-spin .8s linear infinite}@keyframes workspace-spin{to{transform:rotate(360deg)}}html[data-theme=light] .workspace-loading{background:rgba(244,247,248,.72)}