/* Selected Studio workspace: compact clip rows and independent Context pages. */
.studio-workspace { height: 100dvh; display: flex; flex-direction: column; overflow: hidden; }
.studio-workspace [hidden] { display: none !important; }
.studio-workspace .workspace { --work-share: 58%; display:flex; flex:1; min-height:0; overflow:hidden; position:relative; }
.studio-workspace .work-column { flex:0 0 calc(var(--work-share) - 4px); min-width:0; min-height:0; overflow:auto; padding:18px 24px 28px; scrollbar-gutter:stable; }
.studio-workspace .sources-column { flex:1; min-width:0; min-height:0; overflow:auto; padding-bottom:24px; border:0; background:#fff; scrollbar-gutter:stable; }
.studio-workspace .workspace.has-outline .work-column { flex-basis:calc((100% - 194px) * var(--work-fraction, .58) - 4px); }
.studio-workspace .workspace.resizing { user-select:none; }
.workspace-divider { flex:0 0 8px; cursor:col-resize; border-inline:1px solid #e0e9f0; background:#f4f8fb; touch-action:none; }
.workspace-divider:hover,.workspace-divider:focus-visible { background:#cce9fb; }
.block-outline { flex:0 0 194px; width:194px; overflow:auto; background:#f7fafc; border-right:1px solid var(--line); padding:18px 12px; }
.outline-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.outline-heading button { padding:6px; min-height:32px; font-size:12px; border:0; background:transparent; }
#outlineAddBlock { width:100%; }
.studio-workspace .block-outline .block-navigation { display:flex; flex-direction:column; border:0; margin:16px 0; gap:6px; white-space:normal; }
.studio-workspace .block-outline .block-navigation button { display:block; flex:none; width:100%; max-width:none; padding:12px 10px; text-align:left; border:0; border-left:3px solid transparent; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.studio-workspace .block-outline .block-navigation button[aria-current=true] { border-left-color:var(--blue); background:#e5f3fd; border-radius:4px; }
.project-bar { min-height:72px; gap:12px; }
#toggleOutline { padding:8px 10px; font-size:12px; }
.project-bar #projectTitle { font-size:20px; }
.project-bar .header-actions { gap:8px; }
.project-bar .header-actions button { font-size:13px; }
.studio-workspace .composition-block.is-selected:has(.block-editor:not([hidden])) { padding:12px 16px 18px; border:1px solid #deebf5; background:#fbfdff; }
.composition-block-header { padding-bottom:10px; }
.studio-workspace .block-options { position:relative; margin:0; font-size:12px; }
.studio-workspace .block-options > summary { cursor:pointer; padding:6px; color:#176b9f; }
.block-options-body { position:absolute; top:100%; right:0; width:300px; max-width:80vw; z-index:12; background:#fff; padding:14px; border:1px solid #d9e3ec; border-radius:5px; box-shadow:0 8px 24px #1f212318; }
.block-options-body .selected-block-heading { display:block; }.block-options-body button { margin-top:8px; }
.composition-block-actions button[aria-pressed=true] { display:none; }
.studio-workspace .preview-wrap { box-shadow:none; background:#101a22; border-radius:4px; max-height: min(34dvh,520px); aspect-ratio:16/9; margin:auto; }
.studio-workspace .preview-wrap video { object-fit:contain; }
.preview-wrap:fullscreen { width:100vw; height:100vh; max-height:none; aspect-ratio:auto; background:#111; }
.studio-workspace .preview-label { top:8px; left:8px; right:auto; background:#152d48d9; max-width:90%; }
.sequence-controls { display:flex; align-items:center; gap:10px; padding:8px 0; font-size:12px; }
.sequence-controls button { min-height:34px; font-size:12px; padding:6px 9px; white-space:nowrap; }
.sequence-controls output { font-variant-numeric:tabular-nums; white-space:nowrap; min-width:112px; }
.sequence-controls input { flex:1; min-width:40px; accent-color:var(--blue); }
.sequence-controls button:last-child { margin-left:auto; }
.studio-workspace .sequence-bar { padding:10px 0; }
.studio-workspace .sequence-bar button { font-size:12px; min-height:34px; }
.studio-workspace .block-heading { display:none; }
.studio-workspace .clip-card { padding:0; margin:0 0 8px; border:1px solid #dce7ef; border-radius:5px; box-shadow:none; background:#fff; }
.studio-workspace .clip-card.is-expanded { border-color:#badff7; border-left:3px solid var(--blue); background:#f5faff; }
.studio-workspace .clip-top { padding:9px 12px; min-height:54px; gap:10px; }
.studio-workspace button.clip-number { width:32px; height:32px; min-height:32px; flex:none; background:#e5f3fd; border:0; color:#176b9f; font-size:13px; border-radius:4px; }
.studio-workspace button.clip-number[aria-expanded=true] { background:#cce9fc; }
.studio-workspace .clip-label { flex:1; min-width:0; border:1px solid transparent; background:transparent; font-size:14px; font-weight:650; padding:6px 2px; }
.studio-workspace .clip-label:hover { border-color:#cbdde9; }
.studio-workspace input.clip-label { border-color:transparent; background:transparent; }
.studio-workspace input.clip-label:hover { border-color:#cbdde9; }
.clip-duration { font-variant-numeric:tabular-nums; color:#657484; font-size:13px; white-space:nowrap; }
.clip-review { font-size:12px; white-space:nowrap; }
.clip-review.reviewed { color:#166541; }.clip-review.needs-review { color:#9b6105; }
.clip-actions-menu { position:relative; font-size:12px; }
.studio-workspace .clip-disclosure { border:0; background:transparent; font-size:11px; min-height:32px; padding:5px; color:#176b9f; }
.studio-workspace .clip-actions-menu > summary { min-height:32px; padding:6px; border:0; background:transparent; }
.clip-expanded { margin:0 12px 12px; padding:16px; border-radius:4px; background:#fff; }
.clip-local-clock { font-size:12px; color:#465972; margin-bottom:12px; font-variant-numeric:tabular-nums; }
.studio-workspace .clip-quote { max-height:none; overflow:visible; border:0; padding:0; font-size:16px; line-height:1.7; color:#27394d; margin:0 0 12px; max-width:68ch; white-space:normal; }
.clip-word.playing,.clip-paragraph.playing { background:#c9eaff; color:#0a4a72; border-radius:2px; }
.studio-workspace .clip-source { padding:0; font-size:11px; color:#687c8e; margin:8px 0; }
.studio-workspace .clip-inspector > summary { padding:10px 0; font-size:12px; }
.studio-workspace .clip-confirm { display:flex; gap:8px; align-items:center; margin:12px 0; font-size:13px; }
.studio-workspace .clip-boundaries label { flex:1 1 100px; }
.studio-workspace .clip-bottom { border-top:1px solid #e7edf3; padding-top:12px; justify-content:flex-start; }
.studio-workspace .clip-bottom button:last-child { margin-left:auto; background:var(--blue); border-color:var(--blue); color:#fff; }
.studio-workspace .render-panel { background:#f5faff; padding:12px; }
.studio-workspace .work-footer { flex-wrap:wrap; }
.studio-workspace .notice:not(.error) { position:fixed; bottom:18px; left:50%; transform:translateX(-50%); z-index:40; max-width:min(90vw,600px); padding:12px 18px; background:#eaf5fc; border:1px solid #bbdbef; border-radius:5px; color:#174d70; box-shadow:0 4px 20px #15293d14; }
.context-tabs { display:flex; position:sticky; top:0; background:#fff; z-index:8; border-bottom:1px solid var(--line); }
.context-tabs button { flex:1; background:transparent; border:0; border-bottom:3px solid transparent; border-radius:0; min-height:52px; font-size:15px; color:#67778b; }
.context-tabs button[aria-selected=true] { color:#147db7; border-bottom-color:var(--blue); }
.context-navigation { padding:14px 18px 0; }
.context-page-strip { display:flex; gap:2px; min-width:0; align-items:stretch; }
.context-page-strip > button { padding:6px; font-size:11px; min-width:42px; border-color:#e0e8ef; }
#sourcePages { display:flex; flex:1; overflow-x:auto; min-width:0; scrollbar-width:thin; scroll-behavior:smooth; border-bottom:1px solid #e0e8ef; }
#sourcePages button { flex:none; max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:0; border-bottom:2px solid transparent; border-radius:0; padding:10px 14px; font-size:13px; font-weight:500; }
#sourcePages button[aria-current=true] { background:#eaf6fe; border-bottom-color:var(--blue); color:#126fa7; font-weight:650; }
.context-find { display:flex; justify-content:space-between; align-items:center; gap:12px; color:#718194; font-size:11px; margin:8px 0; }
.context-find input { padding:5px 8px; width:160px; max-width:60%; border:1px solid #d7e3ec; border-radius:4px; background:#fff; font-size:12px; }
.studio-workspace .source-detail,.studio-workspace .dashboard,.studio-workspace .browser-panel { padding:16px 20px; }
.studio-workspace .source-title h3 { font-size:20px; line-height:1.4; }
.studio-workspace #sourceMeta { font-size:10px; }
.original-recording { margin:12px 0; border:1px solid #e1e9ef; border-radius:5px; }
.original-recording > summary { padding:12px; cursor:pointer; font-size:13px; color:#4b6076; }
.original-recording[open] > summary { border-bottom:1px solid var(--line); }
.studio-workspace #sourceVideo { max-height:none; border-radius:0; }
.studio-workspace .selection-toolbar { position:sticky; top:52px; background:#eef8ff; border:1px solid #d4eafb; border-radius:5px; padding:10px 12px; margin:14px 0; z-index:6; flex-wrap:wrap; }
.studio-workspace .selection-toolbar small { font-size:11px; }
.clip-target { display:flex; flex-wrap:wrap; align-items:center; gap:8px; background:#f5faff; padding:12px; font-size:12px; border:1px solid #d8e9f5; border-radius:4px; }
.clip-target label { flex:1; }.clip-target select { max-width:100%; font:inherit; min-height:36px; margin-top:6px; }.clip-target button { font-size:12px; }
.studio-workspace .transcript-heading { display:flex; flex-wrap:wrap; gap:8px; padding:12px 0 6px; }
.studio-workspace .transcript-heading h4 { font-size:15px; }
.studio-workspace .transcript-heading input { max-width:none; flex:1 1 130px; font-size:13px; min-height:36px; padding:7px; }
.studio-workspace .transcript-heading select { font-size:12px; min-height:36px; max-width:140px; }
.studio-workspace #wordTimingState { font-size:11px; line-height:1.5; color:#758394; margin:8px 0; }
.studio-workspace .word-data-controls { font-size:11px; color:#758394; margin:8px 0; }
.word-data-controls summary { cursor:pointer; }
.studio-workspace .transcript { max-height: max(320px,calc(100dvh - 540px)); overflow:auto; border:0; background:#fff; scrollbar-gutter:stable; }
.studio-workspace .word-paragraph { padding:14px 8px; grid-template-columns:62px minmax(0,1fr); border-bottom:1px solid #f0f3f6; }
.studio-workspace .word-text { font-size:15px; line-height:1.85; white-space:normal; word-spacing:normal; text-align:left; }
.studio-workspace .transcript-word { display:inline; font:inherit; font-weight:400; min-height:0; min-width:0; padding:2px 1px; margin:0; border:0; border-radius:2px; line-height:inherit; background:transparent; color:inherit; }
.studio-workspace .transcript-word:hover { background:#e6f3fc; }
.studio-workspace .transcript-word.selected { background:#dcefff; border:0; color:#173b57; }
.studio-workspace .transcript-word.playing { background:#3298dc; color:#fff; border:0; }
.studio-workspace .word-paragraph > time,.studio-workspace .word-time { font-size:11px; color:#728ba3; }
.studio-workspace .source-kinds { padding:12px 18px 0; }
.studio-workspace .collection-banner { margin:12px 18px 0; padding:12px; border:1px solid #e1eaf2; border-radius:5px; display:block; background:#f7fafc; }
.studio-workspace .collection-banner .eyebrow,.studio-workspace #collectionScope { display:none; }
.studio-workspace .collection-banner h2 { font-size:14px; }.studio-workspace .collection-banner p { font-size:11px; }
.studio-workspace #openCoverage { font-size:11px; min-height:30px; margin-top:8px; }
.studio-workspace .browser-panel { background:#fff; border:0; }
.studio-workspace .search-results { max-height:none; overflow:visible; }
.studio-workspace .result { border:0; border-bottom:1px solid #e2eaf0; border-radius:0; padding:16px 0; background:#fff; }
.studio-workspace .result h4 { font-size:14px; }.studio-workspace .result p { font-size:12px; }
.studio-workspace .result button { font-size:12px; }
.studio-workspace .source-bottom { margin-top:20px; }
@media(min-width:1800px) { .studio-workspace .work-column { padding-inline:28px; }.studio-workspace .clip-quote { font-size:17px; }.studio-workspace .transcript { max-height:calc(100dvh - 520px); } }
@media(max-width:1250px) { .project-bar { flex-wrap:wrap; }.project-bar .project-identity { min-width:220px; }.project-bar .header-actions { margin-left:auto; }.block-outline { flex-basis:168px; width:168px; }.studio-workspace .workspace.has-outline .work-column { flex-basis:calc((100% - 168px) * var(--work-fraction,.58) - 4px); }.studio-workspace .work-column { padding:14px; }.studio-workspace .clip-top { flex-wrap:wrap; }.clip-label { min-width:40%; }.clip-review { margin-left:auto; } }
@media(max-width:790px) {
 .studio-workspace .workspace { display:block; }.workspace-divider { display:none; }
 .studio-workspace .block-outline { position:absolute; inset:0 auto 0 0; width:min(280px,85vw); z-index:20; box-shadow:10px 0 30px #1f355829; }
 .studio-workspace .work-column,.studio-workspace .sources-column { width:100%; height:100%; overflow:auto; }
 .studio-workspace .work-column { padding:12px; }.studio-workspace .sources-column { padding-top:0; }
 .project-bar { padding:8px 14px; }.project-bar .project-identity { flex:1; flex-basis:auto; min-width:180px; }
 .project-bar #projectTitle { font-size:18px; }.project-bar .header-actions { gap:6px; }.project-bar button { min-height:36px; }
 .studio-workspace .composition-block.is-selected:has(.block-editor:not([hidden])) { padding:10px; }
 .studio-workspace .clip-top { padding:8px; gap:6px; }.studio-workspace .clip-label { font-size:13px; }
 .studio-workspace .clip-top .clip-label { flex:1 1 calc(100% - 45px); width:auto; }
 .studio-workspace .clip-review { font-size:11px; }.clip-expanded { padding:12px; margin:0 6px 6px; }
 .studio-workspace .clip-quote { font-size:15px; }.studio-workspace .clip-bottom button { min-height:38px; }
 .sequence-controls { flex-wrap:wrap; gap:6px; }.sequence-controls input { min-width:70px; }.sequence-controls button:last-child { display:none; }
 .studio-workspace .transcript { max-height:55dvh; }.context-navigation { padding-inline:12px; }
 .studio-workspace .source-detail,.studio-workspace .browser-panel,.studio-workspace .dashboard { padding-inline:14px; }
 .studio-workspace .word-paragraph { grid-template-columns:48px minmax(0,1fr); padding-inline:0; }
 .studio-workspace .selection-toolbar { flex-direction:row; }.context-tabs button { min-height:48px; }.studio-workspace .selection-toolbar { top:48px; }
 #sourcePages button { max-width:170px; }.studio-workspace .word-text { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) { #sourcePages { scroll-behavior:auto; } }

/* Guided editing keeps the real workspace and its controllers in one frame. */
.guide-embedded .app-header{display:none!important}
.guide-embedded [data-guide-focus]{outline:2px solid #319bdc;outline-offset:3px}

.clip-drag { cursor: grab; padding: 4px 8px; touch-action: none; }
.clip-drag:active { cursor: grabbing; }
.clip-card.drop-before { box-shadow: 0 -3px 0 var(--accent, #189bd2); }
.clip-card.drop-after { box-shadow: 0 3px 0 var(--accent, #189bd2); }
.transcript-autoplay { display: flex; align-items: center; gap: 8px; margin: 12px 0; font-size: 13px; }
.transcript-autoplay input { width: auto; }
.preview-transition-frame { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }