#focus-mode-toggle{margin-left:10px;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:22px;width:38px;padding:0}
body.focus-player-active #editor{position:fixed;inset:0;z-index:1000;background:var(--bg);margin:0;padding:0;display:flex;flex-direction:column}
body.focus-player-active #workspace-body{height:100vh!important;max-height:100vh!important;flex:1!important;padding:0}
body.focus-player-active .workspace-list,body.focus-player-active #workspace-inspector,body.focus-player-active .highlight-details,body.focus-player-active .workspace-resizer,body.focus-player-active .panel-fab,body.focus-player-active .editor-top,body.focus-player-active .editor-bottom,body.focus-player-active #player-header{display:none!important}
body.focus-player-active .stage-column{width:100%;min-height:0}body.focus-player-active #analysis-host{height:100%;flex:1}
#focus-playtrack{--bar-opacity:.5;position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:1500;display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:60px;background:#172330ee;border:1px solid #a5caff33;box-shadow:0 12px 36px #0006;opacity:var(--bar-opacity);transition:opacity .2s;width:min(570px,calc(100vw - 24px));box-sizing:border-box;backdrop-filter:blur(14px);color:#edf3f8}
#focus-playtrack[hidden],#focus-playtrack [hidden]{display:none!important}#focus-playtrack:hover,#focus-playtrack:focus-within{opacity:1}#focus-playtrack button{background:transparent;color:inherit;border:0;min-height:0;cursor:pointer;padding:0}#focus-grip{font-size:25px;cursor:grab!important;touch-action:none}
.focus-cluster{position:relative;display:grid;grid-template-columns:30px 60px 30px;align-items:end;gap:6px;padding-top:9px;flex:none}#focus-play{grid-column:2;width:60px;height:60px;border-radius:50%;background:#3177e9!important;font-size:26px!important;box-shadow:0 0 20px #3177e92a}.focus-fab{width:28px;height:28px;border-radius:50%;background:#253b50!important;color:var(--entity-color,#63a4ff)!important;border:1px solid color-mix(in srgb,var(--entity-color,#63a4ff) 50%,transparent)!important;font-size:17px}
#focus-replay{position:absolute;left:24px;top:-1px;z-index:2}#focus-prev{grid-row:1;grid-column:1;margin-bottom:4px}#focus-next{grid-row:1;grid-column:3;margin-bottom:4px}#focus-frame{grid-column:2;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}#focus-track{flex:1;width:60px;min-width:0;height:4px;min-height:0;padding:0;accent-color:#63a4ff}#focus-bounds-toggle{position:absolute;right:30px;top:-15px}
#focus-bounds{position:absolute;left:60px;right:60px;top:calc(100% - 7px);display:flex;justify-content:center;align-items:center;gap:18px;background:#172330f5;border:1px solid #a5caff33;padding:15px 18px;border-radius:0 0 36px 36px;animation:focus-blob .2s ease-out;box-shadow:0 15px 20px #0004}#focus-bounds button{font-size:12px}
.focus-dot{width:16px;height:16px!important;min-height:0;border-radius:50%;background:var(--entity-color)!important;border:2px solid #ffffff66!important}.focus-dot[aria-pressed=true]{outline:2px solid white;outline-offset:3px}
#focus-selector,#focus-opacity-panel{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);border-radius:22px;background:#172330f5;padding:16px 20px;border:1px solid #a5caff55;display:flex;align-items:center;justify-content:center;gap:18px;white-space:nowrap}#focus-selector small{font-size:10px;color:#b7c8d9}#focus-opacity-panel{font-size:11px}#focus-opacity-panel input{width:140px;min-height:0;height:4px;accent-color:#63a4ff}
@keyframes focus-blob{from{opacity:0;transform:scaleY(.5);transform-origin:top}to{opacity:1;transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){#focus-playtrack{transition:none}#focus-bounds{animation:none}}@media(max-width:600px){#focus-selector{gap:14px}#focus-selector small{display:none}#focus-playtrack{gap:8px;padding:12px}.focus-cluster{grid-template-columns:24px 54px 24px}#focus-play{width:54px;height:54px}}

body.focus-player-active .timed-comment-panel header,body.focus-player-active .comment-frame-spinners,body.focus-player-active .comment-edit,body.focus-player-active .comment-divider{display:none!important}
body.focus-player-active .comment-content{padding-top:12px}
body.focus-player-active #editor:not(.editing-workspace) #workspace-body{height:100dvh!important;max-height:100dvh!important;min-height:0!important;flex:1 1 100%!important;padding:0!important}
body.focus-player-active #editor .media-toolbar,body.focus-player-active #editor .timeline-toolbar,body.focus-player-active #editor #editing-workspace,body.focus-player-active #editor #editing-inspector{display:none!important}
body.focus-player-active #editor .stage-column{height:100dvh!important;min-height:0!important;max-height:none!important}
body.focus-player-active #editor #analysis-host,body.focus-player-active #editor #stage{height:100%!important;max-height:none!important;min-height:0!important;flex:1!important}
#focus-playtrack{width:min(530px,calc(100vw - 24px));padding:7px 14px;gap:12px;border-radius:40px;background:linear-gradient(145deg,#1b2939ed,#101a26ed);border-color:#b3d2ff26;box-shadow:0 8px 28px #0005,inset 0 1px 0 #ffffff0c}
.focus-cluster{grid-template-columns:24px 44px 24px;gap:5px;padding-top:4px}#focus-play{width:44px;height:44px;font-size:20px!important;background:linear-gradient(145deg,#549aff,#2672e8)!important;box-shadow:0 3px 12px #2672e855}
.focus-fab{width:23px;height:23px;font-size:13px}#focus-replay{left:19px;top:-6px}#focus-frame{font-size:10px;line-height:12px}#focus-grip{font-size:19px;color:#a8bad0}#focus-bounds-toggle{right:28px;top:-12px}#focus-playtrack button:hover{filter:brightness(1.2)}#focus-track{opacity:.7}#focus-track:hover{opacity:1}
#focus-playtrack{padding:8px 15px;gap:12px;background:linear-gradient(145deg,#182333f2,#111b28f2);border:1px solid #b8d5ff30;box-shadow:0 10px 32px #0005,inset 0 1px 0 #ffffff10;backdrop-filter:blur(20px)}
#focus-bounds{left:50%;right:auto;transform:translateX(-50%);top:calc(100% + 8px);width:290px;box-sizing:border-box;border-radius:22px;padding:12px 18px;background:#142031f5;border:1px solid #b8d5ff30;box-shadow:0 8px 24px #0005;gap:20px;animation:focus-bounds-reveal .18s ease-out}
#focus-bounds button:not(.focus-dot){color:#dce7f5;letter-spacing:.02em;font-variant-numeric:tabular-nums}#focus-bounds .focus-dot{width:10px;height:10px!important;border:0!important;box-shadow:0 0 10px color-mix(in srgb,var(--entity-color) 35%,transparent)}
#focus-selector,#focus-opacity-panel{border-radius:16px;box-shadow:0 8px 24px #0006;background:#142031f5}
@keyframes focus-bounds-reveal{from{opacity:0;transform:translate(-50%,-5px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(prefers-reduced-motion:reduce){#focus-bounds{animation:none}}
/* Compact identity header. */
#player-header .player-name{display:flex;flex-direction:column;gap:0}#player-header .player-account{order:-1;background:transparent;border:0;border-radius:3px;min-height:18px;padding:0 4px;color:#aabbd0;font-size:10px;line-height:18px;text-align:left;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#player-header .player-account:hover{background:#ffffff0b;color:#edf3f8}#player-header .player-name input{min-height:24px;height:24px;padding:1px 4px;font-size:12px}#player-header{padding:0!important}#player-header .player-group{padding:0!important}.workspace-analysis-header{min-height:60px!important;padding-top:5px!important;padding-bottom:5px!important}.header-game img{width:90px;height:38px}.header-game{margin-right:12px}.playback-speed #focus-mode-toggle{width:30px;height:30px;min-height:30px;font-size:18px;margin-left:6px}
.focus-panel-grip,.focus-panel-fab{display:none}
body.focus-player-active .focus-panel-fab{display:grid;place-items:center;position:fixed;z-index:1700;width:36px;height:36px;min-height:0;border-radius:50%;border:1px solid #9dc5ff33;background:#111d2bcc;color:#63a4ff;font-size:22px;backdrop-filter:blur(14px)}.focus-panel-fab-actions{top:14px;left:14px}.focus-panel-fab-details{top:14px;right:14px;background:#0d1621!important;color:#c3cfde!important}.focus-panel-fab-timeline{bottom:14px;left:14px;color:#ba85ff!important}.focus-panel-fab[aria-expanded=true]{box-shadow:0 0 0 2px #63a4ff44}
body.focus-player-active #editor .focus-panel.focus-panel-open{display:flex!important;position:fixed!important;z-index:1650;flex-direction:column;flex:none!important;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);min-width:240px;min-height:180px;resize:both;overflow:auto!important;padding:10px 12px 12px!important;border:1px solid #99bded38;border-radius:12px;background:#131e2bf2;backdrop-filter:blur(20px);box-shadow:0 12px 40px #0007;box-sizing:border-box}
body.focus-player-active .focus-panel-open .focus-panel-grip{display:block;flex:none;cursor:grab;touch-action:none;padding:2px 4px 9px;border-bottom:1px solid #ffffff12;margin-bottom:8px;color:#a8bdd5;font-size:11px}.focus-panel-open .focus-panel-grip:active{cursor:grabbing}body.focus-player-active .focus-panel-actions.is-minimized .workspace-list-content,body.focus-player-active .focus-panel-actions.is-minimized #workspace-list-content{display:block!important}body.focus-player-active .focus-panel-open .timeline-toolbar{display:flex!important}
body.focus-player-active #editor .focus-panel-timeline.focus-panel-open{min-height:225px;min-width:500px}body.focus-player-active .focus-panel-timeline #timeline-viewport{flex:none}body.focus-player-active .focus-panel-actions.is-minimized{width:auto}.focus-panel-actions.focus-panel-open #clip-query,.focus-panel-actions.focus-panel-open #clip-filter{display:block!important}
.editor-header{min-height:60px!important;padding-top:5px!important;padding-bottom:5px!important}.analysis-header-tools{align-items:center!important}#player-header .header-player{gap:6px;padding:0}.header-player .player-avatar-button{width:36px;height:36px;min-height:36px}
body.focus-player-active .focus-panel-actions.is-minimized .panel-heading,body.focus-player-active .focus-panel-actions.is-minimized .panel-heading>[role=tablist]{flex-direction:row;width:auto}body.focus-player-active .focus-panel-actions.is-minimized .tab-label{position:static;width:auto;height:auto;margin:0;clip:auto;overflow:visible}body.focus-player-active .focus-panel-actions.is-minimized .tab-icon{display:none}body.focus-player-active .focus-panel-actions.is-minimized .panel-heading [role=tab]{width:auto;height:auto;padding:6px;min-height:28px}body.focus-player-active .focus-panel-actions.is-minimized #close-clips{display:none!important}
/* Shared playback controls: docked in the editor, floating in fullscreen. */
.legacy-playtrack{display:none!important}.playtrack-dock{flex:none;width:100%;z-index:80;position:relative}body.focus-player-active .playtrack-dock{display:none}
#focus-playtrack.focus-docked{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:100%;border-radius:0;justify-content:center;opacity:1;padding:8px 20px;box-shadow:inset 0 1px 0 #ffffff0c;z-index:80}
#focus-playtrack.focus-docked #focus-grip{display:none}#focus-playtrack.focus-docked #focus-track{flex:0 1 420px}#focus-playtrack.focus-docked #focus-bounds-toggle{position:relative;top:auto;right:auto;order:5}#focus-playtrack.focus-docked #focus-exit{order:6}
#focus-bounds{top:auto;bottom:calc(100% + 10px)}#focus-speed-toggle{width:34px;flex:none;font-size:11px}#focus-opacity-toggle{position:relative;width:30px;height:34px;flex:none}#focus-opacity-toggle svg{width:30px;height:34px;fill:#b9c9dc18;stroke:#b9c9dc;stroke-width:1.4}#focus-opacity-value{position:absolute;left:0;right:0;top:16px;font-size:9px;line-height:10px;color:#e2ebf8}
#focus-speed-panel{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:#142031f5;border:1px solid #a5caff55;border-radius:16px;padding:14px 18px;display:flex;gap:14px;align-items:center;font-size:11px;white-space:nowrap}#focus-speed-panel input{width:140px;min-height:0;height:4px;accent-color:#63a4ff}
/* A slim dock with the floating player's compact control rhythm. */
.playtrack-dock{background:#0e1722;border-top:1px solid #b8d5ff15;border-bottom:1px solid #b8d5ff15}
#focus-playtrack.focus-docked{height:64px;min-height:64px;padding:8px 20px;gap:14px;border:0;background:linear-gradient(180deg,#182434,#111b28);box-shadow:inset 0 1px 0 #ffffff05}
#focus-playtrack.focus-docked .focus-cluster{grid-template-columns:26px 40px 26px;gap:7px;padding-top:0;align-items:center}
#focus-playtrack.focus-docked #focus-play{width:40px;height:40px;font-size:19px!important;box-shadow:0 3px 12px #2672e833,inset 0 1px 0 #ffffff20}
#focus-playtrack.focus-docked #focus-prev,#focus-playtrack.focus-docked #focus-next{margin-bottom:0;width:24px;height:24px;background:#1c3045!important;border-color:#85b7ed40!important;color:var(--entity-color)!important}
#focus-playtrack.focus-docked #focus-replay{left:27px;top:-5px;width:19px;height:19px;font-size:11px;background:#172b40!important}
#focus-playtrack.focus-docked #focus-frame{position:absolute;left:33px;top:42px;width:40px;font-size:9px;line-height:10px;color:#adc0d5}
#focus-playtrack.focus-docked #focus-track{flex:0 1 260px;height:3px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#6daeff 0 var(--track-progress,0%),#52647b var(--track-progress,0%) 100%);border:0;border-radius:2px;opacity:.85;margin:0 6px}
#focus-playtrack.focus-docked #focus-track::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#75b5ff;border:2px solid #c6e1ff;box-shadow:0 0 8px #64a7ff25;cursor:pointer}
#focus-playtrack.focus-docked #focus-track::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:#75b5ff;border:2px solid #c6e1ff}
#focus-playtrack.focus-docked #focus-speed-toggle{width:30px;height:30px;line-height:30px;font-size:10px;border-color:#8aa6c52a!important;color:#cad8e8!important;background:#203044!important}
#focus-playtrack.focus-docked #focus-opacity-toggle{width:28px;height:30px;opacity:.85}#focus-playtrack.focus-docked #focus-opacity-toggle svg{width:28px;height:30px}#focus-playtrack.focus-docked #focus-opacity-value{top:14px;font-size:8px}
#focus-playtrack.focus-docked #focus-bounds-toggle{width:28px;height:28px;border-color:#8aa6c52a!important;background:#203044!important;color:#cad8e8!important}
#focus-playtrack.focus-docked #focus-exit{width:28px;height:28px;color:#adc0d5;border-radius:6px}#focus-playtrack.focus-docked #focus-exit:hover{background:#ffffff0a}
@media(max-width:700px){#focus-playtrack.focus-docked{gap:9px;padding:8px 12px}#focus-playtrack.focus-docked #focus-track{flex:1;margin:0}}
#focus-continue{position:absolute;right:12px;top:-6px;z-index:3;width:21px;height:21px;background:#3177e9!important;color:#fff!important;border-color:#a5caff66!important;box-shadow:0 2px 7px #0004}#focus-playtrack.focus-docked #focus-continue{right:24px;top:-5px;width:19px;height:19px}
/* Timeline below the playback buttons, shared by both layouts. */
#focus-playtrack{flex-wrap:wrap;justify-content:center;row-gap:8px;padding-bottom:14px}#focus-time-rail{position:relative;order:10;flex:0 0 100%;height:39px;min-width:0;margin-top:2px}#focus-time-rail #focus-track{display:block;box-sizing:border-box;width:100%;height:3px;margin:0;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#6daeff 0 var(--track-progress,0%),#52647b var(--track-progress,0%) 100%);border:0;border-radius:2px;opacity:.85}#focus-time-rail #focus-track::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#75b5ff;border:2px solid #c6e1ff;cursor:pointer}#focus-time-rail #focus-track::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:#75b5ff;border:2px solid #c6e1ff}.focus-time-limits{display:flex;justify-content:space-between;margin-top:7px;color:#859bb4;font-variant-numeric:tabular-nums}.focus-time-limits small{font-size:9px;line-height:12px}#focus-playtrack #focus-playhead-time{position:absolute;top:23px;transform:translateX(-50%);font-size:9px;line-height:12px;white-space:nowrap;color:#c4d6ec;padding:1px 5px;border-radius:4px;background:#172330;max-width:100%}#focus-playtrack #focus-playhead-time:hover{background:#29415d;color:#fff}#focus-frame{display:none}#focus-playtrack.focus-docked{height:98px;min-height:98px;row-gap:7px;padding:8px max(20px,calc((100% - 650px)/2)) 12px}#focus-playtrack.focus-docked #focus-time-rail #focus-track{width:100%;margin:0}#focus-playtrack.focus-docked #focus-bounds-toggle{order:5}#focus-playtrack.focus-docked #focus-exit{order:6}#focus-playtrack.focus-docked #focus-time-rail{order:10}
input.frame-value-formatted{color:transparent!important}.formatted-frame-value{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--text,#edf3f8);font:inherit;font-variant-numeric:tabular-nums;font-size:12px}.formatted-frame-value[hidden]{display:none!important}
#focus-playtrack.focus-docked #focus-opacity-toggle,#focus-playtrack.focus-docked #focus-opacity-panel{display:none!important}
#focus-playtrack #playback-options{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;order:4;margin:0;z-index:20}#focus-playtrack #playback-options summary{display:grid;place-items:center;list-style:none;width:28px;height:28px;min-height:0;padding:0;border-radius:50%;background:#203044;border:1px solid #8aa6c52a;color:#cad8e8;cursor:pointer}#focus-playtrack #playback-options summary::-webkit-details-marker{display:none}#focus-playtrack #playback-options summary svg{width:16px;height:16px}#focus-playtrack #playback-settings{position:absolute!important;top:auto!important;bottom:calc(100% + 12px)!important;right:0!important;left:auto!important;width:250px;max-height:calc(100vh - 150px);overflow:auto;box-sizing:border-box;border-radius:12px;border:1px solid #a5caff40;background:#142031f5;box-shadow:0 8px 24px #0006;padding:14px;color:#e1ebf7;opacity:1}#focus-playtrack #playback-settings .coaching-settings{display:flex!important;flex-direction:column;gap:10px;padding:8px 0 0;border:0;background:transparent;margin:0}#focus-playtrack #playback-settings .playback-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}#focus-playtrack #playback-settings input{width:auto;min-height:0}#focus-playtrack #playback-settings .clip-boundary-options{display:flex;gap:6px;margin:8px 0}#focus-playtrack #playback-settings .clip-boundary-options[hidden]{display:none!important}#focus-playtrack #playback-settings .clip-boundary-options button{padding:5px 9px;border-radius:5px;background:#203044;border:1px solid #8aa6c52a;font-size:11px}#focus-playtrack #playback-settings .clip-boundary-options button[aria-pressed=true]{background:#315b89;border-color:#72a7e0}
/* Flat surfaces, larger targets, consistent icon weights. */
#focus-playtrack{width:min(650px,calc(100vw - 24px));border-radius:22px;background:#14202eeF;box-shadow:0 6px 20px #0003;border-color:#90acd52e;gap:14px;backdrop-filter:blur(14px)}#focus-playtrack .focus-cluster{grid-template-columns:32px 50px 32px;gap:9px;padding-top:3px;align-items:center}#focus-playtrack #focus-play{display:grid;place-items:center;width:50px;height:50px;background:#307be8!important;box-shadow:none}#focus-playtrack #focus-prev,#focus-playtrack #focus-next{display:grid;place-items:center;width:32px;height:32px;margin:0;background:#1b3047!important;border-color:#85b7ed55!important}#focus-playtrack #focus-replay{display:grid;place-items:center;width:23px;height:23px;left:34px;top:-5px;background:#1b3047!important}#focus-playtrack #focus-replay svg{width:14px;height:14px}#focus-playtrack #focus-continue{right:34px;top:-5px}#focus-playtrack #focus-speed-toggle,#focus-playtrack #focus-bounds-toggle,#focus-playtrack #focus-exit,#focus-playtrack #playback-options summary{display:grid;place-items:center;width:34px;height:34px;min-height:0;border-radius:50%;background:#1c2c3e!important;border:1px solid #90acd52e;color:#c7d7e9;box-shadow:none}#focus-playtrack #focus-speed-toggle{font-size:11px}#focus-playtrack #focus-bounds-toggle{position:relative;right:auto;top:auto;order:5}#focus-playtrack #focus-exit{order:6}#focus-playtrack #focus-opacity-toggle{order:3}#focus-playtrack #focus-speed-toggle{order:2}#focus-playtrack #focus-time-rail{order:10}#focus-playtrack button:hover,#focus-playtrack summary:hover{border-color:#a8cfff66!important;filter:brightness(1.12)}#focus-playtrack.focus-docked{border-radius:0;min-height:108px;height:108px;background:#111d2b;padding:8px max(20px,calc((100% - 700px)/2)) 12px}#focus-playtrack.focus-docked #focus-play{width:46px;height:46px}#focus-playtrack.focus-docked .focus-cluster{grid-template-columns:32px 46px 32px}#focus-playtrack.focus-docked #focus-replay{left:32px}#focus-playtrack.focus-docked #focus-continue{right:32px}body.focus-player-active .focus-panel-fab{width:48px;height:48px;background:#142538e6;border:1px solid #63a4ff88;box-shadow:none}body.focus-player-active .focus-panel-fab-details{background:#172131!important;border-color:#8a9cb766;color:#c7d4e4!important}body.focus-player-active .focus-panel-fab-timeline{border-color:#ba85ff88}.focus-panel-fab:hover{filter:brightness(1.18)}#focus-selector{gap:18px;padding:14px 18px}#focus-selector .focus-dot{width:22px;height:22px!important}#focus-bounds{border-radius:12px;background:#142031f5;box-shadow:0 4px 16px #0003}
body.focus-player-active #focus-grip{display:grid!important;place-items:center;width:34px;height:34px;flex:none;min-height:0;font-size:24px;cursor:grab!important;touch-action:none;border:1px solid #90acd52e;border-radius:8px;color:#c7d7e9;background:#1c2c3e}body.focus-player-active #focus-grip:active{cursor:grabbing!important}body.focus-player-active #focus-playtrack{cursor:grab;touch-action:none}body.focus-player-active #focus-playtrack input,body.focus-player-active #focus-playtrack button:not(#focus-grip){touch-action:auto}
/* Final transport refinement: balanced spacing and quiet, flat surfaces. */
#focus-playtrack{width:min(620px,calc(100vw - 24px));padding:12px 18px 10px;gap:12px;row-gap:12px;border-radius:16px;background:#131f2ced;border:1px solid #afc9e529;box-shadow:0 4px 18px #0003;color:#d6e3f1}
#focus-playtrack .focus-cluster{gap:8px;grid-template-columns:32px 48px 32px;padding-top:0;align-items:center;margin:0 8px}
#focus-playtrack #focus-play{width:48px;height:48px;background:#3886ed!important;box-shadow:none}
#focus-playtrack #focus-prev,#focus-playtrack #focus-next{background:transparent!important;border-color:#94b4d23d!important;color:#afcbea!important}
#focus-playtrack #focus-replay{left:33px;top:-7px;width:22px;height:22px;background:#182a3b!important;border-color:#94b4d24d!important}
#focus-playtrack #focus-continue{right:33px;top:-7px;width:22px;height:22px}
#focus-playtrack #focus-speed-toggle,#focus-playtrack #focus-bounds-toggle,#focus-playtrack #focus-exit,#focus-playtrack #playback-options summary{background:transparent!important;border-color:#94b4d229!important;color:#bbcddd}
#focus-playtrack #focus-speed-toggle{font-weight:500;font-variant-numeric:tabular-nums}
body.focus-player-active #focus-grip{width:26px;height:34px;font-size:21px;border:0;background:transparent;color:#8ca4ba}
#focus-playtrack #focus-opacity-toggle{width:30px;height:34px;color:#bbcddd;opacity:.9}
#focus-playtrack #focus-opacity-toggle svg{stroke:#bbcddd;fill:none}
#focus-playtrack #focus-opacity-value{font-size:9px;color:#d2e0ed}
#focus-playtrack #focus-time-rail{margin:0;height:32px}
#focus-time-rail #focus-track{height:3px;opacity:1;background:linear-gradient(to right,#5ba1f5 0 var(--track-progress,0%),#435267 var(--track-progress,0%) 100%)}
#focus-time-rail #focus-track::-webkit-slider-thumb{width:12px;height:12px;border:2px solid #b5d7fd;background:#64a8f7;box-shadow:none}
.focus-time-limits{margin-top:7px;color:#8299ae}.focus-time-limits small{font-size:10px}
#focus-playtrack #focus-playhead-time{top:19px;background:transparent;font-size:10px;color:#b7ccdf;padding:2px 5px}
#focus-playtrack #focus-playhead-time:hover{background:#263c52;color:#eef6ff}
#focus-playtrack.focus-docked{height:104px;min-height:104px;border-radius:0;padding:10px max(20px,calc((100% - 700px)/2)) 10px;background:#111c29;row-gap:10px}
#focus-playtrack.focus-docked .focus-cluster{grid-template-columns:32px 46px 32px;margin:0 8px}#focus-playtrack.focus-docked #focus-replay{left:32px}#focus-playtrack.focus-docked #focus-continue{right:32px}
#focus-playtrack button:focus-visible,#focus-playtrack summary:focus-visible{outline:2px solid #83baff;outline-offset:3px}
@media(max-width:600px){#focus-playtrack{gap:8px;padding-inline:12px}#focus-playtrack .focus-cluster{margin:0 2px;gap:5px}#focus-playtrack.focus-docked{padding-inline:12px}}
/* Reference-inspired transport: controls, scrubber, then time steps. */
#focus-playtrack{width:min(800px,calc(100vw - 24px));display:grid;grid-template-columns:36px 1fr auto auto auto auto auto;grid-template-rows:58px 34px 32px;align-items:center;column-gap:12px;row-gap:8px;padding:12px 20px;border-radius:28px;background:#101827eb;border:1px solid #9bb5d44d;box-shadow:0 5px 20px #0003}
#focus-playtrack .focus-cluster{grid-column:2;grid-row:1;justify-self:center;grid-template-columns:38px 58px 38px;gap:14px;margin:0;padding:0}
#focus-playtrack #focus-play{width:58px;height:58px;background:#1a3453!important;border:1px solid #409fff;box-shadow:none}#focus-playtrack #focus-play svg{width:27px;height:27px}#focus-playtrack #focus-prev,#focus-playtrack #focus-next{width:38px;height:38px;border-color:#8aafe877!important;background:#18283c!important}
#focus-playtrack #focus-replay{left:47px;top:-5px}#focus-playtrack #focus-continue{right:47px;top:-5px}
#focus-playtrack #focus-grip{grid-column:1;grid-row:1}#focus-playtrack #focus-speed-toggle{grid-column:3;grid-row:1;width:46px;border-radius:18px}#focus-playtrack #focus-opacity-toggle{grid-column:4;grid-row:1}#focus-playtrack #playback-options{grid-column:5;grid-row:1}#focus-playtrack #focus-bounds-toggle{grid-column:6;grid-row:1;width:38px;height:38px;border-color:#409fff88!important;color:#83c4ff}#focus-playtrack #focus-exit{grid-column:7;grid-row:1;width:36px;height:36px;border-radius:10px}
#focus-playtrack #focus-time-rail{grid-column:1/-1;grid-row:2;width:100%;height:34px}#focus-time-rail #focus-track{height:5px}#focus-time-rail #focus-track::-webkit-slider-thumb{width:16px;height:16px;background:#e5f2ff;border:2px solid #409fff}.focus-time-limits{margin-top:7px}#focus-playtrack #focus-playhead-time{top:18px}
#focus-time-steps{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:100%}#focus-playtrack #focus-time-steps button{display:flex;align-items:center;justify-content:center;gap:6px;height:30px;min-height:30px;font-size:11px;background:#172337;border:1px solid #789bd34d;border-radius:16px;color:#d4e2f3;padding:0 6px;font-variant-numeric:tabular-nums}#focus-playtrack #focus-time-steps button:hover{background:#223b58;border-color:#8ebefa!important}
#focus-playtrack.focus-docked{grid-template-columns:1fr auto auto auto auto;grid-template-rows:52px 34px 30px;height:148px;min-height:148px;border-radius:0;padding:8px max(20px,calc((100% - 780px)/2));row-gap:6px;background:#111b29}
#focus-playtrack.focus-docked .focus-cluster{grid-column:1;grid-row:1;grid-template-columns:36px 52px 36px;gap:12px;justify-self:center;margin:0}#focus-playtrack.focus-docked #focus-play{width:52px;height:52px}#focus-playtrack.focus-docked #focus-replay{left:41px}#focus-playtrack.focus-docked #focus-continue{right:41px}#focus-playtrack.focus-docked #focus-speed-toggle{grid-column:2}#focus-playtrack.focus-docked #playback-options{grid-column:3}#focus-playtrack.focus-docked #focus-bounds-toggle{grid-column:4}#focus-playtrack.focus-docked #focus-exit{grid-column:5}
@media(max-width:650px){#focus-playtrack{padding:10px 12px;column-gap:6px;border-radius:18px}#focus-playtrack .focus-cluster{grid-template-columns:28px 46px 28px;gap:6px}#focus-playtrack #focus-play{width:46px;height:46px}#focus-playtrack #focus-prev,#focus-playtrack #focus-next{width:28px;height:28px}#focus-playtrack #focus-replay{left:29px}#focus-playtrack #focus-continue{right:29px}#focus-time-steps{gap:4px}#focus-playtrack #focus-time-steps button{gap:2px;font-size:10px;padding:0 2px}#focus-playtrack.focus-docked{padding-inline:12px}}
.stage-column{position:relative}.fullscreen-corner-fab{position:absolute;right:16px;bottom:164px;z-index:90;display:grid;place-items:center;width:48px;height:48px;min-height:0;padding:0;border-radius:50%;border:1px solid #8aafe877;background:#142538e6;color:#c7ddf6;box-shadow:none;cursor:pointer;backdrop-filter:blur(12px)}.fullscreen-corner-fab svg{width:24px;height:24px}.fullscreen-corner-fab:hover{background:#223b58;border-color:#a8cfff}.fullscreen-corner-fab:focus-visible{outline:2px solid #83baff;outline-offset:3px}body.focus-player-active .fullscreen-corner-fab{position:fixed;right:14px;bottom:14px;z-index:1700}
#focus-playtrack{grid-template-columns:36px 1fr auto auto auto auto}#focus-playtrack.focus-docked{grid-template-columns:1fr auto auto auto}
#focus-playtrack #focus-opacity-toggle{position:relative;display:grid;place-items:center;width:38px;height:38px;min-height:0;padding:0;border:1px solid #94b4d229;border-radius:50%;background:transparent;color:#bbcddd;opacity:1;cursor:pointer}#focus-playtrack #focus-opacity-toggle svg{width:25px;height:28px;stroke:currentColor;stroke-width:1.4;fill:none}#focus-playtrack #focus-opacity-value{top:16px;left:0;right:0;font-size:7px;font-weight:500;line-height:9px;text-align:center;font-variant-numeric:tabular-nums;color:#d2e0ed;pointer-events:none}#focus-playtrack #focus-opacity-toggle:hover{background:#223b58;border-color:#8ebefa}#focus-playtrack.focus-docked #focus-opacity-toggle{display:none!important}
#focus-selected-range{grid-row:1;grid-column:2;justify-self:start;display:flex;align-items:center;gap:5px;font-size:10px;color:#aec5de;font-variant-numeric:tabular-nums;z-index:3}#focus-selected-range[hidden]{display:none!important}#focus-selected-range button{width:20px;height:20px;border:1px solid #789bd344!important;border-radius:50%;font-size:15px}#focus-playtrack .focus-cluster{justify-self:end;margin-right:15px}#focus-playtrack.focus-docked #focus-selected-range{grid-column:1}#focus-playtrack.focus-docked .focus-cluster{justify-self:end;margin-right:15px}#focus-playtrack #focus-playhead-time{top:auto;bottom:calc(100% + 12px);padding:8px 12px;background:#152438;border:1px solid #9bb5d455;border-radius:9px;box-shadow:0 4px 16px #0005;font-size:11px}#focus-playhead-time::after{content:'';position:absolute;left:50%;bottom:-5px;width:8px;height:8px;transform:translateX(-50%) rotate(45deg);background:#152438;border-right:1px solid #9bb5d455;border-bottom:1px solid #9bb5d455}
.control-map{position:fixed;inset:0;z-index:25000;background:#0009;display:grid;place-items:center;padding:24px}.control-map[hidden]{display:none}.control-map>section{position:relative;width:min(900px,100%);max-height:85vh;overflow:auto;padding:28px;background:#132031;border:1px solid #718eae55;border-radius:16px;color:#e2edf9;box-sizing:border-box}.control-map h2{margin:0 0 22px}.control-map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.control-map h3{font-size:12px;color:#8dbaff;margin:0 0 12px}.control-map p{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.6}.control-map kbd{color:#d8e8fa;background:#263b52;border:1px solid #809dbc44;border-radius:4px;padding:2px 6px;white-space:nowrap}.control-map-close{position:absolute;right:16px;top:14px}.control-map .control-gestures{margin-top:24px;padding-top:12px;border-top:1px solid #ffffff18}@media(max-width:700px){.control-map-grid{grid-template-columns:1fr}}
#focus-playtrack .focus-cluster,#focus-playtrack.focus-docked .focus-cluster{justify-self:center;margin:0}#focus-playtrack,#focus-playtrack.focus-docked{position:relative}#focus-playtrack .focus-cluster{position:absolute;left:50%;top:12px;transform:translateX(-50%);grid-column:auto;grid-row:auto}#focus-playtrack.focus-docked .focus-cluster{top:8px}#focus-selected-range{position:absolute;left:58px;top:28px;max-width:calc(50% - 145px)}#focus-playtrack.focus-docked #focus-selected-range{left:max(20px,calc((100% - 780px)/2));top:26px}#focus-playtrack:not(.focus-docked){position:fixed}
#focus-continue{display:none!important}
#focus-playtrack .focus-cluster,#focus-playtrack.focus-docked .focus-cluster{grid-column:1 / -1!important;grid-row:1!important;position:absolute!important;left:50%!important;right:auto!important;top:0!important;transform:translateX(-50%)!important;justify-self:auto!important;margin:0!important;align-self:center!important}
#focus-selected-range{top:16px;left:62px;gap:10px;padding:7px 10px;box-sizing:border-box;max-width:calc(50% - 155px);background:#20344a88;border:1px solid #84add33b;border-radius:8px;color:#dfecfa;line-height:1.3}#focus-playtrack.focus-docked #focus-selected-range{top:12px}.selected-range-copy>small{display:block;font-size:10px;font-weight:600;color:#9ac4ed;margin-bottom:4px;letter-spacing:.02em}#focus-range-values{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}#focus-range-values em{font-style:normal;font-size:10px;color:#95abc1;margin-right:3px}#focus-range-values b{font-weight:500;font-variant-numeric:tabular-nums}#focus-range-values i{font-style:normal;color:#738ea8}#focus-selected-range button{flex:none;width:24px;height:24px;background:transparent;color:#b1c6dd;border-color:#819ebb44!important;font-size:17px}#focus-selected-range button:hover{background:#395470;color:#fff}@media(max-width:700px){#focus-selected-range{padding:5px 7px;left:46px;gap:5px}#focus-range-values{font-size:10px;gap:4px}#focus-range-values em{display:none}.selected-range-copy>small{font-size:9px}}
#focus-playtrack .focus-cluster,#focus-playtrack.focus-docked .focus-cluster{align-items:end!important;column-gap:10px!important}#focus-playtrack #focus-prev,#focus-playtrack #focus-next{align-self:end;margin:0!important;transform:none!important}
#focus-playtrack #focus-prev,#focus-playtrack #focus-next,#focus-playtrack #focus-replay{background:var(--entity-color,#63a4ff)!important;border-color:var(--entity-color,#63a4ff)!important;color:#101b29!important}#focus-playtrack #focus-prev:hover,#focus-playtrack #focus-next:hover,#focus-playtrack #focus-replay:hover{filter:brightness(1.12);border-color:var(--entity-color,#63a4ff)!important}
#focus-playtrack #focus-selected-range,#focus-playtrack.focus-docked #focus-selected-range{position:absolute;left:auto!important;right:calc(50% + 115px)!important;top:12px!important;max-width:calc(50% - 140px)!important;width:max-content;margin:0;z-index:2}#focus-playtrack:not(.focus-docked) #focus-selected-range{top:16px!important;max-width:calc(50% - 175px)!important}#focus-range-values{gap:6px}#focus-selected-range{padding:6px 8px;gap:7px}@media(max-width:650px){#focus-playtrack #focus-selected-range,#focus-playtrack.focus-docked #focus-selected-range{right:calc(50% + 95px)!important;max-width:calc(50% - 110px)!important;padding:4px 5px;gap:3px}#focus-range-values{flex-wrap:wrap;gap:2px;font-size:9px}.selected-range-copy>small{font-size:8px}#focus-selected-range button{width:18px;height:18px}}
#focus-playtrack #focus-selected-range,#focus-playtrack.focus-docked #focus-selected-range{grid-column:1 / -1!important;grid-row:1!important;justify-self:auto!important}
/* Flat range annotation and solid transport colors. */
#focus-playtrack #focus-selected-range,#focus-playtrack.focus-docked #focus-selected-range{left:0!important;right:auto!important;top:8px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;max-width:calc(50% - 105px)!important;width:max-content}#focus-playtrack:not(.focus-docked) #focus-selected-range{left:40px!important;top:12px!important;max-width:calc(50% - 145px)!important}.selected-range-heading{display:flex;align-items:center;gap:8px;margin-bottom:4px}.selected-range-heading small{font-size:10px;font-weight:600;color:#a9ccec;letter-spacing:.02em}#focus-playtrack #focus-selected-range button{display:grid;place-items:center;width:20px;height:20px;min-height:0;background:#e25b68!important;color:#291018!important;border:0!important;border-radius:50%;padding:0}#focus-playtrack #focus-selected-range button:hover{background:#f47783!important}#focus-playtrack #focus-play{background:#317ee8!important;border-color:#317ee8!important;color:#fff!important}#focus-playtrack #focus-replay,#focus-playtrack #focus-prev,#focus-playtrack #focus-next{background:var(--entity-color,#63a4ff)!important;border:1px solid var(--entity-color,#63a4ff)!important;color:#102237!important;opacity:1!important;box-shadow:none}#focus-playtrack #focus-replay{width:25px;height:25px;top:-4px!important;z-index:5}#focus-playtrack #focus-replay svg{width:16px;height:16px;stroke-width:2}#focus-playtrack #focus-entity{background:var(--entity-color,#63a4ff)!important;opacity:1;border:0!important}
.focus-sync-countdown{position:absolute;left:50%;top:-30px;transform:translateX(-50%);padding:4px 8px;border:1px solid #90acd544;border-radius:6px;background:#142031;color:#cbdff4;font-size:10px;line-height:14px;white-space:nowrap;pointer-events:none;z-index:25;font-variant-numeric:tabular-nums}
/* Explicit shared transport rules override the old docked variants. */
body #focus-playtrack .focus-cluster,body #focus-playtrack.focus-docked .focus-cluster{grid-template-columns:30px 52px 30px!important;column-gap:4px!important;align-items:end!important;width:120px!important;height:52px!important;padding:0!important}
body #focus-playtrack #focus-play,body #focus-playtrack.focus-docked #focus-play{width:52px!important;height:52px!important;background:#317ee8!important;border:0!important;color:#fff!important}
body #focus-playtrack #focus-prev,body #focus-playtrack #focus-next,body #focus-playtrack.focus-docked #focus-prev,body #focus-playtrack.focus-docked #focus-next{width:30px!important;height:30px!important;align-self:end!important;margin:0!important;background:var(--entity-color,#63a4ff)!important;border:0!important;color:#102237!important;opacity:1!important}
body #focus-playtrack #focus-replay,body #focus-playtrack.focus-docked #focus-replay{display:grid!important;place-items:center!important;position:absolute!important;left:30px!important;right:auto!important;top:-5px!important;width:24px!important;height:24px!important;background:var(--entity-color,#63a4ff)!important;color:#102237!important;border:2px solid #111c29!important;opacity:1!important;z-index:5!important}
body #focus-playtrack #focus-replay svg{display:block;width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;overflow:visible}

/* Playback uses the chosen opacity even when the clicked control retains focus. */
body.focus-player-active #focus-playtrack:not(.focus-docked){opacity:1}
body.focus-player-active #focus-playtrack.focus-is-playing:not(.focus-docked){opacity:var(--bar-opacity)}

body #focus-playtrack #focus-play,body #focus-playtrack.focus-docked #focus-play{background:var(--play-color,#317ee8)!important}
body #focus-playtrack #focus-replay.focus-repeat-ready{box-shadow:0 0 0 3px var(--repeat-border)!important}
body.focus-player-active .modal-shade{z-index:26000!important}

#focus-selector .focus-entity-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--entity-color) 16%,#142031);color:var(--entity-color);border:1px solid color-mix(in srgb,var(--entity-color) 45%,transparent);font-size:19px;line-height:1}#focus-selector .focus-entity-icon[aria-pressed="true"]{background:var(--entity-color);color:#102237;box-shadow:0 0 0 2px #d9eaff80}
#focus-selector .focus-entity-icon{height:34px!important;background:color-mix(in srgb,var(--entity-color) 16%,#142031)!important;border:1px solid color-mix(in srgb,var(--entity-color) 45%,transparent)!important;outline:none}#focus-selector .focus-entity-icon[aria-pressed="true"]{background:var(--entity-color)!important}

/* Compact icon palette, with restrained entity tint and a clear selection. */
#focus-selector{gap:8px;padding:10px;border-radius:12px;flex-wrap:wrap;width:218px;white-space:normal;box-sizing:border-box}
#focus-selector .focus-entity-icon{flex:none;width:32px;height:32px!important;border-radius:8px;background:transparent!important;border:1px solid transparent!important;box-shadow:none;outline:none;outline-offset:0}
#focus-selector .focus-entity-icon:hover{background:color-mix(in srgb,var(--entity-color) 12%,transparent)!important;border-color:color-mix(in srgb,var(--entity-color) 40%,transparent)!important}
#focus-selector .focus-entity-icon[aria-pressed="true"]{background:color-mix(in srgb,var(--entity-color) 18%,#142031)!important;border-color:var(--entity-color)!important;color:var(--entity-color);box-shadow:none}
#focus-selector small{flex-basis:100%;text-align:center;font-size:9px;line-height:1.4;color:#8297ad;padding:4px 0 0}
.entity-lane-label svg{vertical-align:-2px;margin-right:3px}