/* Timeline workspace: compact controls, a time-proportional editing surface. */
#timeline-workspace { min-width:0; --tw-border:#304456; --tw-muted:#91a9bd; --tw-ink:#e2edf5; }
.tw-workspace { display:grid; gap:16px; color:var(--tw-ink); }
.tw-header,.tw-navigation,.tw-context,.tw-toolbar,.tw-title,.tw-minimap-head,.tw-list-head { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.tw-header>div:first-child { flex:1; min-width:180px; }
.tw-header h3 { margin:0; font-size:21px; overflow-wrap:anywhere; }
.tw-eyebrow { margin:0 0 7px; font-size:10px; font-weight:800; letter-spacing:.14em; color:var(--tw-muted); }
.tw-title { gap:8px; }
.tw-badge { display:inline-flex; align-items:center; padding:5px 8px; border:1px solid var(--tw-border); border-radius:6px; font-size:10px; font-weight:700; background:#1a2d3d; white-space:nowrap; }
.tw-badge.is-current { color:#86d9b8; background:#18382f; border-color:#2c6652; }
.tw-badge.is-lock { color:#eac083; background:#3b3022; border-color:#655131; }
.tw-navigation { justify-content:space-between; padding-bottom:14px; border-bottom:1px solid var(--tw-border); }
.tw-modes { display:flex; gap:4px; padding:4px; background:#0a1827; border:1px solid #253c50; border-radius:9px; }
.tw-modes button { padding:9px 14px; border:0; background:transparent; color:#91a9bd; box-shadow:none; font-size:12px; border-radius:6px; }
.tw-modes button.is-active { background:#234456; color:#e5f7ff; box-shadow:inset 0 0 0 1px #3b7085; }
.tw-field { display:grid; gap:6px; margin:0; min-width:0; font-size:12px; }
.tw-field>span { font-size:11px; color:var(--tw-muted); font-weight:650; }
.tw-field input,.tw-field textarea,.tw-field select { width:100%; min-width:0; }
.tw-navigation>.tw-field { min-width:230px; max-width:480px; flex:1; }
.tw-stats { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.tw-stats>div { display:grid; align-content:start; gap:7px; padding:2px 10px; border-left:2px solid #304456; min-width:0; }
.tw-stats>div:first-child { border-color:#dc8b66; }
.tw-stats span { font-size:10px; text-transform:uppercase; letter-spacing:.06em; color:var(--tw-muted); }
.tw-stats strong { font-size:13px; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.tw-stats>div:first-child strong { font-size:20px; }
.tw-context { padding:12px; border:1px solid var(--tw-border); background:#142535; border-radius:8px; }
.tw-context>.tw-field { flex:1; min-width:170px; }
.tw-context-copy { color:var(--tw-muted); font-size:12px; flex:1; min-width:150px; }
.tw-layers { display:flex; flex-wrap:wrap; gap:8px; }
.tw-layers label { display:flex; align-items:center; gap:6px; padding:6px 9px; font-size:11px; border-radius:6px; border:1px solid var(--tw-border); background:#142535; cursor:pointer; }
.tw-layers input,.tw-check input { width:14px; height:14px; margin:0; accent-color:#385b6a; }
.tw-layers i,.tw-dept-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--dept); flex-shrink:0; }
.tw-layers label>span { margin-left:4px; color:var(--tw-muted); }
.tw-toolbar { gap:8px; }
.tw-toolbar select { width:auto; max-width:180px; font-size:12px; }
.tw-search { display:flex; gap:6px; align-items:center; flex:1; min-width:180px; border:1px solid var(--tw-border); border-radius:7px; background:#0b1928; padding:0 10px; }
.tw-search span { font-size:24px; color:#6f8693; }
.tw-search input { width:100%; min-width:0; border:0; background:transparent; padding:10px 0; box-shadow:none; font-size:12px; }
.tw-zoom { display:flex; align-items:center; flex-wrap:wrap; gap:3px; max-width:100%; }
.tw-zoom input[type="range"] { width:120px; min-width:60px; max-width:140px; height:24px; padding:0; accent-color:#5ab4d5; }
.tw-zoom button { min-width:30px; padding:7px 10px; font-size:12px; }
.tw-zoom output { min-width:43px; text-align:center; font-size:11px; color:var(--tw-muted); white-space:nowrap; }
.tw-feedback { margin:0; font-size:12px; color:#86d9b8; }
.tw-feedback:empty { display:none; }
.tw-feedback.is-error { color:#ffb3a9; padding:10px; background:#422b2b; border-radius:6px; }
.tw-warning { font-size:11px; color:#e8c58f; background:#352f24; border:1px solid #655131; border-radius:6px; padding:9px 11px; margin:0; line-height:1.5; }
.tw-layout { display:grid; grid-template-columns:minmax(0,1fr) 292px; gap:16px; align-items:start; min-width:0; }
.tw-main { min-width:0; }
.tw-scroll { position:relative; overflow:auto; border:1px solid #253c49; border-radius:10px; background:#172a36; scrollbar-color:#617b8a #1b303d; max-height:650px; }
.tw-canvas { position:relative; min-width:100%; overflow:hidden; padding-bottom:15px; }
.tw-row { display:flex; position:relative; min-width:100%; border-bottom:1px solid #a8c5d00f; }
.tw-row-label { position:sticky; left:0; z-index:4; display:flex; align-items:center; gap:6px; width:100px; min-width:100px; box-sizing:border-box; padding:8px 12px; color:#a2b8c6; font-size:10px; font-weight:650; background:#1c303e; border-right:1px solid #a8c5d01f; }
.tw-lane { position:relative; min-width:0; flex-shrink:0; background-image:linear-gradient(to right,#a8c5d00c 1px,transparent 1px); background-size:var(--tick) 100%; }
.tw-ruler { height:34px; position:sticky; top:0; z-index:5; background:#172a36; }
.tw-ruler .tw-row-label { color:#d0dce3; }
.tw-ticks { cursor:crosshair; }
.tw-ticks>span { position:absolute; bottom:8px; transform:translateX(5px); color:#90aab9; font-size:9px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; white-space:nowrap; }
.tw-ticks>span::after { content:''; position:absolute; bottom:-8px; left:-5px; width:1px; height:5px; background:#5e7b8c; }
.tw-roll { display:block; box-sizing:border-box; position:absolute; top:4px; height:20px; overflow:hidden; white-space:nowrap; border-left:2px solid #cd9872; background:#d19a6d15; color:#d4b39b; padding:2px 7px; font-size:9px; }
.tw-scene { position:absolute; box-sizing:border-box; top:6px; height:65px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:5px; padding:8px; overflow:hidden; background:linear-gradient(145deg,#466878,#355564); color:#e9f1f3; border:1px solid #7097a780; border-radius:5px; min-width:0; box-shadow:none; text-align:left; }
.tw-scene>span,.tw-scene>small { position:relative; z-index:1; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
.tw-scene>span { font-size:11px; font-weight:750; }
.tw-scene>small { font-size:9px; opacity:.8; }
.tw-scene img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.28; }
.tw-scene.is-added { background:#286453; border-color:#68c1a3; }
.tw-scene.is-removed { background:repeating-linear-gradient(135deg,#6e414628 0px,#6e414628 6px,#c3767728 6px,#c3767728 8px); border:1px dashed #d2908f; }
.tw-scene.is-changed { border-top:3px solid #e4b66d; }
.tw-scene.is-selected,.tw-scene:focus-visible { outline:2px solid #f1cd91; outline-offset:-2px; }
.tw-scene:hover { filter:brightness(1.15); }
.tw-cut { box-sizing:border-box; position:absolute; top:5px; height:31px; min-width:0; min-height:0; padding:3px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#426a7b; color:#e3f0f6; border:1px solid #89adbd; border-radius:2px; font-size:10px; box-shadow:none; }
.tw-cut:hover { background:#568296; }
.tw-cut.is-selected,.tw-cut:focus-visible { outline:2px solid #f1cd91; outline-offset:-2px; background:#56798b; }
.tw-cut-list { border:1px solid var(--tw-border); border-radius:6px; padding:10px; font-size:12px; }
.tw-cut-list summary { cursor:pointer; }
.tw-cut-list-item { width:100%; display:grid; gap:5px; margin-top:8px; text-align:left; overflow-wrap:anywhere; }
.tw-cut-list-item small { font-size:10px; color:var(--tw-muted); }
.tw-marker { position:absolute; display:flex; gap:4px; align-items:center; padding:0; background:none; border:0; box-shadow:none; color:var(--dept); font-size:13px; white-space:nowrap; max-width:150px; min-width:14px; }
.tw-marker span { max-width:130px; overflow:hidden; text-overflow:ellipsis; font-size:9px; }
.tw-marker:hover { background:none; filter:brightness(1.3); }
.tw-post-item { position:absolute; box-sizing:border-box; height:29px; min-width:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:2px; overflow:hidden; white-space:nowrap; padding:3px 7px; border:1px solid color-mix(in srgb,var(--dept) 65%,transparent); border-left:3px solid var(--dept); border-radius:4px; color:#e5edf2; background:color-mix(in srgb,var(--dept) 25%,#172a36); box-shadow:none; }
.tw-post-item>span { font-size:10px; text-overflow:ellipsis; overflow:hidden; max-width:100%; }
.tw-post-item>small { font-size:8px; opacity:.8; }
.tw-post-item>span,.tw-post-item>small { position:relative; z-index:1; }
.tw-fade-in,.tw-fade-out { position:absolute; top:0; bottom:0; pointer-events:none; }
.tw-fade-in { left:0; background:linear-gradient(135deg,#0b182ac9,transparent); }
.tw-fade-out { right:0; background:linear-gradient(225deg,#0b182ac9,transparent); }
.tw-post-item.is-point { padding:3px; border:0; background:transparent; color:var(--dept); overflow:visible; }
.tw-post-item.is-point>span { max-width:150px; overflow:hidden; text-overflow:ellipsis; }
.tw-post-item.is-point>small { display:none; }
.tw-post-item.needs-review { border-bottom:2px dashed #e4b66d; }
.tw-post-item:hover { filter:brightness(1.18); }
.tw-lane-empty { position:absolute; top:15px; left:12px; font-size:10px; color:#6e8797; }
.tw-playhead { position:absolute; top:28px; bottom:8px; width:1px; background:#f0ae7c; pointer-events:none; z-index:3; }
.tw-playhead>span { display:block; position:absolute; top:-5px; left:-4px; width:9px; height:9px; background:#f0ae7c; clip-path:polygon(0 0,100% 0,100% 45%,50% 100%,0 45%); }
.tw-link { position:absolute; top:5px; height:18px; padding:0; border:1px solid #e4b66d88; border-width:1px 0; background:transparent; color:#e4b66d; border-radius:0; line-height:16px; font-size:12px; box-shadow:none; }
.tw-minimap-head { margin:13px 0 7px; font-size:10px; color:var(--tw-muted); gap:6px; }
.tw-minimap-head>span { flex:1; text-transform:uppercase; letter-spacing:.06em; }
.tw-minimap-head output { font-variant-numeric:tabular-nums; margin-right:6px; }
.tw-minimap-head button { padding:0 8px; min-height:23px; font-size:17px; }
.tw-minimap { position:relative; height:29px; background:#dfe7eb; overflow:hidden; border-radius:5px; cursor:crosshair; }
.tw-minimap>span { position:absolute; top:4px; bottom:4px; background:#6f95a5; border-right:1px solid #d7e2e6; box-sizing:border-box; }
.tw-minimap>span.has-change { background:#d3a16b; }
.tw-minimap-window { position:absolute; top:0; bottom:0; border:2px solid #385b6a; border-radius:5px; box-sizing:border-box; pointer-events:none; }
.tw-minimap-cursor { position:absolute; top:0; bottom:0; width:2px; background:#b75b3f; pointer-events:none; }
.tw-inspector { border:1px solid var(--tw-border); border-radius:9px; padding:17px; background:#142535; display:grid; gap:12px; min-width:0; }
.tw-inspector h4 { font-size:18px; margin:0; overflow-wrap:anywhere; }
.tw-inspector p { margin:0; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.tw-inspector .tw-eyebrow { font-size:10px; }
.tw-inspector form { display:grid; gap:13px; }
.tw-inspector button { padding:9px 12px; font-size:12px; }
.tw-inspector input,.tw-inspector textarea,.tw-inspector select { font-size:12px; background:#0a1827; color:#e2edf5; border-color:#304456; }
.tw-inspector .tw-file { color:var(--tw-muted); font-size:11px; }
.tw-details { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:9px; margin:0; font-size:11px; }
.tw-details dt { color:var(--tw-muted); }
.tw-details dd { margin:0; font-weight:600; text-align:right; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.tw-inspector-counts { font-size:12px; color:var(--tw-muted); padding:10px 0; border-top:1px solid var(--tw-border); }
.tw-report-links { border-top:1px solid var(--tw-border); padding-top:12px; display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.tw-report-links strong { width:100%; font-size:11px; }
.tw-form-pair { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.tw-check { display:flex; gap:7px; align-items:center; font-size:12px; }
.tw-hint { margin:10px 0 0; font-size:11px; line-height:1.6; color:var(--tw-muted); }
.tw-before-after { display:grid; gap:9px; }
.tw-before-after>div { padding:10px; border-radius:5px; background:#0c1b29; font-size:11px; }
.tw-before-after pre { margin:6px 0 0; font:10px/1.6 ui-monospace,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.tw-status { font-size:10px; padding:5px 8px; background:#294052; border-radius:5px; justify-self:start; }
.tw-note { white-space:pre-wrap; }
.tw-narrative { display:grid; gap:9px; border-top:1px solid var(--tw-border); padding-top:10px; }
.tw-waveform { color:#c1a9ef; font-size:10px; }
.tw-waveform:empty { display:none; }
.tw-waveform svg { width:100%; height:70px; background:#24253d; border-radius:6px; fill:#b59ae3; }
.tw-waveform small { display:block; font-size:9px; margin-top:5px; }
.tw-differences { margin-top:16px; border:1px solid var(--tw-border); border-radius:8px; overflow:hidden; }
.tw-list-head { justify-content:space-between; padding:11px 13px; background:#1b3041; font-size:11px; }
.tw-list-head span { color:var(--tw-muted); }
.tw-diff { width:100%; display:flex; gap:10px; align-items:center; padding:11px 13px; background:transparent; border:0; border-top:1px solid #293e4f; border-radius:0; box-shadow:none; color:var(--tw-ink); text-align:left; font-size:11px; }
.tw-diff>span:nth-of-type(2) { flex:1; overflow-wrap:anywhere; }
.tw-diff strong { min-width:47px; font-size:10px; }
.tw-diff small { font-size:10px; color:var(--tw-muted); font-variant-numeric:tabular-nums; white-space:nowrap; }
.tw-diff-symbol { display:grid; place-items:center; width:22px; height:22px; flex-shrink:0; border-radius:5px; background:#3b3327; color:#e9bf82; }
.tw-diff:hover,.tw-diff.is-selected { background:#223b4c; }
.tw-unpositioned { margin-top:16px; padding:13px; border:1px dashed #8e7249; border-radius:8px; background:#302b23; font-size:12px; }
.tw-unpositioned p { font-size:11px; color:var(--tw-muted); }
.tw-unpositioned>div { display:flex; flex-wrap:wrap; gap:6px; }
.tw-unpositioned button { padding:5px 9px; font-size:11px; }
.tw-empty { display:grid; justify-items:center; gap:12px; text-align:center; padding:65px 20px; background:linear-gradient(150deg,#172c3c,#1f2832); border:1px solid var(--tw-border); border-radius:12px; }
.tw-empty p { max-width:480px; margin:0; font-size:13px; line-height:1.7; color:var(--tw-muted); }
.tw-empty-icon { color:#6d94a4; font-size:50px; line-height:1; }
.tw-empty-small { padding:16px; margin:0; color:var(--tw-muted); font-size:12px; }
.is-dimmed { opacity:.18; }
.tw-workspace.is-loading { opacity:.65; pointer-events:none; }
.tw-workspace button:focus-visible,.tw-minimap:focus-visible { outline:2px solid #d78b64; outline-offset:2px; }
@media (max-width:1250px) {
  .tw-layout { grid-template-columns:minmax(0,1fr); }
  .tw-inspector { grid-template-columns:minmax(0,1fr); }
  .tw-inspector form { max-width:600px; }
  .tw-stats { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:18px; }
}
@media (max-width:650px) {
  .tw-header h3 { font-size:17px; }
  .tw-header>.ghost-button { padding:7px 9px; font-size:11px; }
  .tw-navigation { align-items:stretch; }
  .tw-modes { width:100%; box-sizing:border-box; }
  .tw-modes button { flex:1; padding:9px 5px; font-size:11px; }
  .tw-navigation>.tw-field { max-width:none; min-width:0; width:100%; }
  .tw-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 5px; }
  .tw-stats>div { padding-left:7px; }
  .tw-stats strong { font-size:11px; }
  .tw-stats>div:first-child strong { font-size:15px; }
  .tw-toolbar select { flex:1; max-width:none; min-width:0; width:100%; }
  .tw-toolbar>.tw-search { flex-basis:100%; }
  .tw-zoom { width:100%; justify-content:flex-end; }
  .tw-context { gap:10px; }
  .tw-context>.tw-field { min-width:0; flex-basis:100%; }
  .tw-diff { flex-wrap:wrap; gap:7px; }
  .tw-diff small { margin-left:auto; }
  .tw-layers { gap:5px; }
  .tw-layers label { font-size:10px; padding:6px; }
  .tw-layout { gap:12px; }
}
@media (prefers-reduced-motion:reduce) { .tw-workspace * { scroll-behavior:auto !important; } }
/* The scroller owns clipping. An overflow on the canvas breaks sticky labels. */
.tw-canvas { overflow:visible; }
.tw-row-label { flex-shrink:0; z-index:6; }
.tw-ruler { z-index:8; }
.mt-group .tw-row-label { background:#203d4c; color:#c8dbe7; }
.mt-track-row .tw-row-label { padding:0 8px; }
.mt-track-row .tw-row-label button { border:0; border-radius:0; background:transparent; color:inherit; padding:6px 0; text-align:left; box-shadow:none; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.mt-event { position:absolute; top:4px; height:27px; min-width:0; min-height:0; padding:2px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; border:0; border-radius:2px; box-shadow:inset -1px 0 #192e3e; font-size:10px; color:#e4eff7; background:#426a7b; }
.mt-audio { background:#365e54; }
.mt-effect { background:#65517b; }
.mt-disabled { background:repeating-linear-gradient(135deg,#293a46,#293a46 4px,#5a6975 4px,#5a6975 5px); color:#cfdae3; }
.mt-transition { top:33px; height:3px; padding:0; background:#d4ac70; }
.mt-event:hover { filter:brightness(1.25); }
.mt-event.is-selected { outline:2px solid #f1cd91; outline-offset:-2px; }
.mt-marker { position:absolute; top:5px; padding:0; min-width:12px; min-height:0; width:12px; height:25px; transform:translateX(-50%); border:0; color:#e8c58f; background:transparent; box-shadow:none; font-size:15px; }
.mt-unavailable { position:absolute; inset-block:0; background:repeating-linear-gradient(135deg,transparent,transparent 5px,#6a859929 5px,#6a859929 6px); }
.tw-mini-player { width:240px; max-width:100%; display:grid; gap:6px; margin-bottom:14px; }
.tw-mini-player video { width:100%; max-height:135px; background:#050b11; border-radius:6px; }
.tw-mini-player select { font-size:11px; padding:5px; width:100%; }
.tw-mini-player p { font-size:11px; margin:0; color:var(--tw-muted); }
.timeline-track-viewer { min-width:0; --tw-border:#304456; --tw-muted:#91a9bd; --tw-ink:#e2edf5; }
.timeline-track-viewer .tw-row-label { width:160px; min-width:160px; }
.timeline-track-viewer .tw-scroll { max-height:65vh; }
.timeline-import-dialog { width:min(720px,94vw); max-height:90vh; overflow:auto; padding:24px; border:1px solid #3d5667; border-radius:12px; background:#142535; color:#e2edf5; }
.timeline-import-dialog::backdrop,.aaf-view-dialog::backdrop { background:#030a12b3; }
.timeline-import-rolls { display:grid; gap:8px; }
.timeline-import-rolls label { display:grid; grid-template-columns:minmax(0,1fr) 110px; align-items:center; gap:12px; overflow-wrap:anywhere; }
.aaf-view-dialog { width:min(1400px,96vw); max-height:94vh; overflow:auto; padding:24px; border:1px solid #3d5667; border-radius:12px; background:#142535; color:#e2edf5; }
.timeline-import-dialog .section-head,.aaf-view-dialog .section-head { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; }
#timeline-workspace .tw-row-label { width:160px; min-width:160px; }
.mt-marker { color:var(--marker-color,#e8c58f); }
.mt-marker-range { transform:none; text-align:left; background:color-mix(in srgb,var(--marker-color) 20%,transparent); border-radius:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:10px; }
.tw-inspector>[data-tw-inspector-body] { display:grid; gap:12px; min-width:0; }
@media (max-width:650px) {
  #timeline-workspace .tw-row-label,.timeline-track-viewer .tw-row-label { width:120px; min-width:120px; }
}
.timeline-progress-dialog { width:min(520px,94vw); max-height:90vh; overflow:auto; padding:28px; border:1px solid #3d5667; border-radius:12px; background:#142535; color:#e2edf5; }
.timeline-progress-dialog::backdrop { background:#030a12c9; }
.timeline-progress-dialog h2 { margin:16px 0 10px; }
.timeline-progress-files { color:#a2b8c6; overflow-wrap:anywhere; max-height:120px; overflow:auto; }
.timeline-progress-dialog progress { width:100%; height:12px; accent-color:#64c4ab; }
.timeline-progress-steps { display:flex; flex-wrap:wrap; gap:8px 20px; padding:0; margin:22px 0; list-style:none; counter-reset:timeline-step; color:#91a9bd; font-size:12px; }
.timeline-progress-steps li { counter-increment:timeline-step; }
.timeline-progress-steps li::before { content:counter(timeline-step) '. '; }
.timeline-progress-steps li[data-state="active"] { color:#e2edf5; font-weight:650; }
.timeline-progress-steps li[data-state="done"] { color:#86d9b8; }
.timeline-progress-spinner { width:30px; height:30px; border:3px solid #304456; border-top-color:#64c4ab; border-radius:50%; animation:timeline-progress-spin .9s linear infinite; }
.timeline-progress-dialog.is-error #timeline-progress-stage { color:#ffb3a9; }
@keyframes timeline-progress-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .timeline-progress-spinner { animation:none; border-style:dashed; } }
.tw-height-zoom { display:flex; align-items:center; flex-wrap:wrap; gap:4px; max-width:100%; }
.tw-height-zoom>span { font-size:11px; color:var(--tw-muted); margin-right:4px; }
.tw-height-zoom input[type="range"] { width:100px; min-width:60px; height:24px; padding:0; accent-color:#64c4ab; }
.tw-height-zoom output { min-width:40px; font-size:11px; color:var(--tw-muted); text-align:center; font-variant-numeric:tabular-nums; }
.tw-height-zoom button { min-width:30px; padding:7px 10px; font-size:12px; }
.tw-canvas .mt-event { top:max(2px,calc(4px * var(--tw-track-scale,1))); height:max(14px,calc(27px * var(--tw-track-scale,1))); }
.tw-canvas .mt-transition { top:calc(33px * var(--tw-track-scale,1)); height:max(2px,calc(3px * var(--tw-track-scale,1))); }
.tw-canvas .mt-marker { top:calc(5px * var(--tw-track-scale,1)); height:max(14px,calc(25px * var(--tw-track-scale,1))); }
.tw-canvas .mt-track-row .tw-row-label button { padding-block:clamp(1px,calc(6px * var(--tw-track-scale,1)),12px); min-height:0; line-height:1.2; }
.tw-canvas .tw-scaled-row .tw-row-label { padding-block:clamp(2px,calc(8px * var(--tw-track-scale,1)),16px); }
.tw-canvas .tw-scene { top:calc(6px * var(--tw-track-scale,1)); height:calc(65px * var(--tw-track-scale,1)); padding:clamp(2px,calc(8px * var(--tw-track-scale,1)),12px); gap:clamp(2px,calc(5px * var(--tw-track-scale,1)),8px); }
.tw-canvas .tw-cut { top:calc(5px * var(--tw-track-scale,1)); height:max(14px,calc(31px * var(--tw-track-scale,1))); padding-block:0; }
.tw-canvas .tw-roll { top:max(2px,calc(4px * var(--tw-track-scale,1))); height:max(14px,calc(20px * var(--tw-track-scale,1))); padding-block:0; }
.tw-canvas .tw-post-item { height:max(14px,calc(29px * var(--tw-track-scale,1))); padding-block:clamp(0px,calc(3px * var(--tw-track-scale,1)),6px); }
.tw-canvas .tw-link { top:calc(5px * var(--tw-track-scale,1)); height:max(12px,calc(18px * var(--tw-track-scale,1))); display:grid; place-items:center; line-height:1; }
.tw-canvas .tw-lane-empty { top:calc(15px * var(--tw-track-scale,1)); }
.tw-compact-tracks .tw-scene>small,.tw-compact-tracks .tw-post-item>small { display:none; }
.tw-compact-tracks .mt-marker { font-size:12px; line-height:1; }
@media (max-width:650px) { .tw-height-zoom { width:100%; justify-content:flex-end; } }
.timeline-import-mode { padding:12px 14px; border-left:3px solid #64c4ab; background:#1b3041; border-radius:6px; }
.timeline-import-mode strong { display:block; }
.timeline-import-mode p { margin:8px 0 0; font-size:12px; line-height:1.5; }
.timeline-import-mode [data-roll-summary] { color:#a9c4d5; }
.timeline-import-mode [data-roll-summary].is-incomplete { color:#e8c58f; }
.tw-delete-version { color:#f1aaa4; border-color:#8e514c; }
.tw-delete-version:hover { background:#8e514c26; }