/* RC3 panel refinement. Keep the canvas and renderer geometry untouched. */
body.unified{--pf-library-width:270px;--pf-inspector-width:320px}

/* The left panel reads as one scrollable tool list rather than nested cards. */
body.unified .pf-tracker-library{padding:16px 16px 22px}
body.unified .workspace-artboard-menu{gap:6px;margin-bottom:10px;padding-bottom:10px}
body.unified .workspace-artboard-menu>.workspace-hint{margin:2px 0 0;font-size:10px;line-height:1.4}
body.unified .workspace-artboard-menu button{min-height:32px;padding:5px 8px}
body.unified .workspace-cards{gap:9px 8px}
body.unified .pf-discovery-filters{gap:5px;margin:0 0 4px}
body.unified .pf-discovery-filter{padding:5px 7px}
body.unified .workspace-cards>:is(.tracking-quality-panel,.motion-systems-panel,.audio-reaction-panel){
  grid-column:1/-1;min-width:0;margin:0;padding:12px 2px;
  border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;
}
body.unified .workspace-cards>details>summary{font-size:12px;line-height:1.35}
body.unified .workspace-cards>details>div{margin-top:12px}
body.unified #workspaceCards:has(.motion-systems-panel)>button:not(.workspace-card){
  grid-column:1/-1;width:100%;min-height:32px;margin:0;
}
body.unified .workspace-music-cues{
  grid-column:1/-1;min-width:0;margin:0 0 8px;padding:12px 2px;
  border:0;border-top:1px solid var(--line);border-radius:0;
}
body.unified .workspace-music-cues h3{font-size:13px;margin-bottom:3px}
body.unified .workspace-music-cues>.workspace-hint{margin:3px 0 8px}
body.unified .workspace-music-cues>button{min-height:32px;padding:5px 8px;margin:4px 5px 0 0;font-size:11px}
body.unified .workspace-music-status{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.unified .workspace-cue-list{max-height:80px}

/* Export uses a compact form with one heading and a clear primary action. */
body.unified .tracker-controls>section[data-inspector=export]{padding-top:12px}
body.unified .tracker-controls>section[data-inspector=export]>h2{display:none}
body.unified .export-panel{gap:12px;grid-auto-rows:max-content;align-content:start}
body.unified .export-panel>label{margin:0;gap:6px}
body.unified .export-panel fieldset{
  min-width:0;margin:0;padding:13px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;
}
body.unified .export-panel legend{padding:0 8px 0 0;color:var(--muted);font:600 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}
body.unified .export-panel fieldset>label{margin:8px 0 12px;gap:6px}
body.unified .export-panel fieldset>.field{margin:12px 0 0}
body.unified .export-panel fieldset>.workspace-hint{margin:0 0 8px;line-height:1.45}
body.unified #exportVideoSection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}
body.unified #exportVideoSection[hidden]{display:none}
body.unified #exportVideoSection>.field{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}
body.unified #exportVideoSection>.field :is(label[for=videoExportEdge],#videoExportEdge,.toggle-row,label[for=videoExportAudioTrack],#videoExportAudioTrack,.workspace-hint){grid-column:1/-1}
body.unified #exportVideoSection>.field label[for=videoExportStart]{grid-column:1;grid-row:3}
body.unified #exportVideoSection>.field label[for=videoExportEnd]{grid-column:2;grid-row:3}
body.unified #exportVideoSection>.field #videoExportStart{grid-column:1;grid-row:4}
body.unified #exportVideoSection>.field #videoExportEnd{grid-column:2;grid-row:4}
body.unified #exportVideoSection>.field .toggle-row{display:flex;align-items:center;justify-content:space-between;min-height:34px;margin:5px 0 0}
body.unified #exportVideoSection>.field .toggle-row input[type=checkbox]{width:16px;height:16px;margin:0}
body.unified #exportVideoSection>.field label[for=videoExportAudioTrack]{margin-top:3px}
body.unified #exportVideoSection>.field .workspace-hint{margin:4px 0 0}
body.unified .tracker-controls>section[data-inspector=export]{padding-bottom:82px}
body.unified .export-panel :is(input:not([type=checkbox]),select){min-height:34px;padding:7px 9px}
body.unified .export-panel #exportMain{position:sticky;bottom:8px;z-index:2;min-height:38px;margin:2px 0 0}
body.unified .export-panel #exportPanelStatus{margin:0;min-height:0}

@media(max-width:1250px){body.unified{--pf-library-width:240px;--pf-inspector-width:280px}}
@media(max-width:960px){
  body.unified{--pf-library-width:210px;--pf-inspector-width:280px}
  body.unified .tracker-panel{width:min(280px,calc(100vw - 16px))}
}