/* v1.4: the story board is a working area, not a narrow side-panel strip. */
.workspace { grid-template-columns: minmax(230px, 285px) minmax(420px, 1fr) minmax(280px, 345px); align-items:start; }
.center-panel { min-width:0; }
.storyboard-panel { grid-column:1 / -1; min-width:0; }
.storyboard-panel .tabs { margin-bottom:8px; }
.storyboard-toolbar { flex-wrap:wrap; gap:8px; }
.video-selection-info { color:var(--muted,#94a3b8); font-size:.82rem; }
.storyboard-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; max-height:480px; overflow:auto; padding:4px; }
.scene-card { min-width:0; }
.include-scene { display:flex; align-items:center; gap:6px; margin:8px 0 0; font-size:.78rem; color:var(--muted,#94a3b8); }
.include-scene input { inline-size:auto; }
.scene-card:has(.include-scene input:not(:checked)) { opacity:.68; }
.timeline-track { min-height:70px; overflow-x:auto; padding-top:10px; }
.timeline-block { min-width:72px; }
.preview-head { gap:12px; }
.preview-actions,.seek-row { display:flex; align-items:center; gap:8px; }
.preview-actions { margin-left:auto; }
.seek-row { margin-top:10px; justify-content:flex-end; }
.seek-row .playback-controls { display:flex; flex:0 0 auto; gap:6px; }
.seek-row .playback-controls button { min-height:34px; padding:0 11px; }
.seek-row #seek { flex:1 1 auto; max-width:72%; margin:0 0 0 10px; }
.icon-button { min-width:36px; min-height:36px; display:inline-grid; place-items:center; padding:0 9px; }
.timeline-empty-notice { margin-top:12px; padding:14px 18px; color:var(--muted,#94a3b8); text-align:center; }
.timeline-track[hidden] { display:none; }
.workspace-details { border-top:1px solid var(--border,#334155); padding:12px 0; margin-top:8px; }
.workspace-details > summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; list-style:none; }
.workspace-details > summary::-webkit-details-marker { display:none; }
.workspace-details > summary h2 { margin:0; }
.workspace-details[open] > summary { margin-bottom:12px; }
.workspace-details:not([open]) > summary > span { transform:rotate(-90deg); }
.branding-details { order:0; }
.music-details { order:3; }
.right-panel { display:flex; flex-direction:column; }
.right-panel > #sceneEditor { order:1; }
.right-panel > .export-section { order:4; }
.settings-collapsed .workspace { grid-template-columns:minmax(420px,1fr) minmax(280px,345px); }
.settings-collapsed #settingsPanel { display:none; }
.settings-collapsed .storyboard-panel { grid-column:1 / -1; }
#scenePosition { max-width:100%; }
#restoreSceneAutoBtn { margin-top:8px; width:100%; }

@media (max-width: 1040px) {
  .workspace,.settings-collapsed .workspace { grid-template-columns:minmax(220px,280px) minmax(360px,1fr); }
  .right-panel { grid-column:1 / -1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .right-panel > #sceneEditor,.right-panel > .export-section { grid-column:span 2; }
}
@media (max-width: 740px) {
  .workspace,.settings-collapsed .workspace { display:block; }
  .left-panel,.right-panel,.center-panel,.storyboard-panel { margin-bottom:14px; }
  .right-panel { display:flex; }
  .storyboard-list { grid-template-columns:repeat(2,minmax(140px,1fr)); max-height:520px; }
  .seek-row { align-items:stretch; flex-wrap:wrap; }
  .seek-row #seek { max-width:none; width:100%; margin-left:0; }
  .reorder-hint { display:none; }
}