/* Context actions occupy a reserved row above the ruler, never the waveform. */
#selection-pin{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text);padding:8px 6px;min-height:40px;font-size:12px;white-space:nowrap;min-width:96px}
#selection-pin[aria-pressed=true]{color:var(--color-selection-text);background:var(--color-selection-surface)}
#timeline-selection-strip{flex-shrink:0;min-height:62px;padding:3px 0 9px;min-width:0}
.deepcut #timeline-selection-strip[hidden]{display:block!important;visibility:hidden}
#timeline-selection-bar{display:flex;align-items:center;width:max-content;max-width:calc(100% - 16px);min-height:50px;padding:6px 10px;background:var(--panel);border:1px solid var(--color-selection);border-radius:11px;box-shadow:0 6px 16px var(--color-shadow)}
#timeline-selection-actions{display:flex;align-items:center;gap:10px}
#timeline-selection-actions button{padding:7px 10px;min-height:34px;white-space:nowrap;background:transparent;border:0;border-radius:6px;color:var(--text);font-size:14px}
#timeline-selection-actions button:enabled:hover{background:var(--color-action-soft)}
#timeline-selection-actions #selection-listen::before{content:'▶';font-size:12px;margin-right:6px}
#timeline-selection-actions #selection-listen[aria-pressed=true]::before{content:'■'}
#timeline-selection-actions [data-video-action=cut]{color:var(--color-error)}
#timeline-selection-actions #selection-clear{font-size:22px;line-height:1;min-width:34px;padding:4px}
#timeline-selection-cut-host small{display:none}
#timeline-selection-extra-actions:empty{display:none}
#timeline-add{margin:0}
#timeline-selection-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:8px 20px 10px 104px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
#timeline-selection-footer #timeline-mode{color:var(--muted);white-space:nowrap;font-size:13px}
#selection-precision{min-width:0}
#selection-precision summary{cursor:pointer;list-style:none;border-radius:4px}
#selection-precision summary::-webkit-details-marker{display:none}
#timeline-selection-footer[data-selected=true] summary::after{content:'⌄';margin-left:8px}
#timeline-selection-footer[data-selected=false] summary{cursor:default}
#selection-precision-fields{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:10px}
#selection-precision label{display:flex;align-items:center;gap:6px;margin:0;font-size:12px}
#selection-precision input{width:88px;min-height:32px;margin:0;font-size:12px}
#timeline-selection-scale,#selection-duration{font-size:12px;white-space:nowrap}
.wave-selection{position:absolute;inset-block:0;background:var(--color-selection-overlay);border:2px solid var(--color-selection);pointer-events:none;z-index:3}
.selection-handle{position:absolute;top:0;bottom:0;width:18px;min-height:32px;padding:0!important;transform:translateX(-50%);background:transparent;border:0;cursor:ew-resize;touch-action:none;z-index:5}
.selection-handle::after{content:'';position:absolute;top:2px;bottom:2px;left:5px;width:8px;border-radius:1px;background:var(--color-selection)}
.selection-handle:focus-visible{outline:2px solid var(--color-selection);outline-offset:1px}
.deepcut .timeline-cursor{background:var(--color-timeline-cursor,#fff);z-index:6;width:2px;box-shadow:none}
.deepcut .timeline-speech.in-time-selection{box-shadow:inset 0 -2px var(--color-selection)}
.deepcut .caption-row.in-time-selection{background:var(--color-selection-surface);box-shadow:inset 0 -2px var(--color-selection)}
.deepcut .timeline-wave,.deepcut .timeline-lane,.deepcut #timeline-ruler{cursor:crosshair}
.deepcut #moment-selection{display:none}
.deepcut #video-focus-actions #timeline-add{border:1px solid var(--line);border-radius:8px;min-height:40px;padding:8px 14px;font-size:14px}
@media(max-width:1150px){.deepcut #deepcut-timeline-toolbar{gap:6px;flex-wrap:wrap}#selection-pin{font-size:11px}}
@media(max-width:900px){#timeline-selection-strip{padding-inline:8px}#timeline-selection-bar{max-width:100%;margin-left:0!important}#timeline-selection-actions{gap:4px}#timeline-selection-actions button{font-size:13px}.deepcut .timeline-wave canvas{height:64px!important}}
@media(max-width:700px){.deepcut .timeline-card{height:430px}.deepcut #deepcut-timeline-toolbar{padding:8px;gap:6px}.deepcut #timeline-viewport{padding-right:10px}.deepcut .timeline-track{grid-template-columns:60px minmax(0,1fr)}.deepcut .timeline-track>span{padding:0 8px;font-size:12px}#timeline-selection-strip{min-height:62px}#timeline-selection-actions{flex-wrap:wrap;gap:2px}#timeline-selection-actions button{padding:6px;font-size:12px;min-height:36px}#timeline-selection-bar{padding:4px}#timeline-selection-footer{padding:8px 10px 8px 60px;align-items:flex-start;flex-wrap:wrap;font-size:12px}#timeline-selection-footer #timeline-mode{font-size:11px}#editor.deepcut #selection-pin{width:44px;min-width:44px;min-height:36px;padding-inline:6px;font-size:0}.deepcut #deepcut-history-host{margin-left:0}}
@media(forced-colors:active){.wave-selection{border-color:Highlight}.selection-handle::after{background:Highlight}.deepcut .timeline-speech.in-time-selection{outline:2px solid Highlight}}
.deepcut.is-video-focus .timeline-track{min-height:28px}
.deepcut.is-video-focus .timeline-lane{height:32px!important}
.deepcut.is-video-focus .timeline-event{height:26px!important;font-size:12px}
.deepcut #timeline-gesture-status{display:block;min-height:16px;line-height:14px;background:var(--bg);padding:1px 20px}
.deepcut #timeline-gesture-status:empty{display:block}
/* Short desktop windows keep both primary tracks visible above the footer. */
@media(min-width:701px) and (max-height:800px){
  .deepcut #deepcut-timeline-toolbar{min-height:44px;padding-block:4px}
  .deepcut #deepcut-transcript-toggle,#selection-pin,.deepcut #video-focus-actions #timeline-add{min-height:36px;padding-block:6px}
  #timeline-selection-strip{min-height:44px;padding-block:0 4px}
  #timeline-selection-bar{min-height:40px;padding-block:2px}
  #timeline-selection-actions button{min-height:32px;padding-block:5px}
  .deepcut .timeline-wave canvas{height:36px!important}
  .deepcut #timeline-ruler{height:24px}
  .deepcut #timeline-surface>.timeline-track:first-child{min-height:24px}
  .deepcut .timeline-track{min-height:28px}
  .deepcut .timeline-lane{height:28px!important}
  .deepcut .timeline-event{height:24px!important;top:2px!important;font-size:12px}
  #timeline-selection-footer{padding-block:3px;font-size:12px;line-height:16px}
  .deepcut #timeline-viewport{padding-bottom:3px}
  .deepcut #deepcut-timeline-info{padding-block:1px;line-height:12px}
}