:root{color:#242e29;background:#e8edea;--line:#d0dad5;--muted:#677b71;--accent:var(--accent)}body{padding-top:28px}header{margin-bottom:20px}small{color:#688074}h1{font-size:34px;letter-spacing:-1.1px;color:#242e29}h1 span{color:#74887e}.comparison{color:#4a6658;text-decoration:none;font-size:12px;padding:10px;border:1px solid #c6d4cd;border-radius:6px}.comparison:hover{background:#fff}.preview-note{font-size:12px;color:#5b7266;padding:10px 0 17px}nav{background:#f3f6f4;padding:12px;border:1px solid #cfdcd5;border-radius:8px}button,.button{background:#fff;border-color:#c8d8d0;color:#3a4f44;border-radius:6px}button:hover,.button:hover{background:#e9f7f0;border-color:#8dd1ae}#status{background:#e3f5ec;color:#34694e;border-color:#c3e8d5;margin:18px 0}main{grid-template-columns:minmax(0,1.22fr) minmax(0,.9fr);gap:22px}.source,.assembly{background:#fff;color:#242e29;border-color:#d3dfd9;box-shadow:0 5px 22px #24493608;padding:22px}.panel-label{font-size:10px;font-weight:650;letter-spacing:.14em;color:#648373;margin-bottom:15px}video{max-height:285px;aspect-ratio:16/9;object-fit:contain;background:#1c2520}.assembly{position:sticky;top:20px}h2{font-size:20px}.passage p{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.85;color:#32443b}.passage{padding:20px 4px}.passage button{color:#496456;background:#fff;border-color:#cedbd4}.passage button:last-child{background:#fff;border-color:#cedbd4;color:#496456}.passage button:nth-of-type(2){color:var(--accent);background:#f0faf5;border-color:#c4e9d6}.passage:hover{background:#f8fcfa}.card{background:#fafcfb;border-color:#d8e2dd;border-left:3px solid #6dc798;box-shadow:0 2px 5px #23563c05;padding:17px}.card p{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#32443b;font-size:15px;line-height:1.75}.card button{color:#496557;background:#fff;border-color:#d3dfd9}.time{color:#6b8879}.trim label{color:#5e816f}.trim input{background:#fff;color:#2d5842;border-color:#c2d2ca}#duration{color:var(--accent);background:#eef9f3}#play{color:#fff;background:var(--accent);border-color:var(--accent)}#play:hover{background:var(--accent)}input{background:#fff;color:#28553e;border-color:#c8d7cf}.trim-disclosure{margin:10px 0 17px}.trim-disclosure summary,.original summary{cursor:pointer;font-size:11px;color:#597b69;padding:4px 0}.word-editor{margin-top:15px;border:1px solid #bae5cf;border-radius:7px;padding:14px;background:#f0f9f4}.word-editor textarea{width:100%;min-height:110px;padding:12px;border:1px solid #afdbc4;border-radius:5px;font:15px/1.7 -apple-system,BlinkMacSystemFont,sans-serif;color:#25553c;background:white;resize:vertical}.word-editor .muted{margin:0 0 10px}.original{margin-top:12px}.original p{color:#698978;font-size:13px;border-left:2px solid #c0d1c8;padding-left:12px}.word-editor .actions{margin-bottom:0}footer{color:#638071}@media(max-width:800px){main{grid-template-columns:1fr}.assembly{position:static}.comparison{max-width:135px}.source,.assembly{padding:17px}}
/* Compact reading workspace: fixed transport, separate scrolling reading columns. */
html,body{height:100%;height:100dvh}body{max-width:none;padding:12px 20px 8px;display:flex;flex-direction:column;overflow:hidden;gap:7px}header{margin:0;min-height:35px;gap:16px}header>div{display:flex;align-items:center;gap:16px}small{font-size:9px;letter-spacing:.1em}h1{font-size:20px;letter-spacing:-.6px;margin:0}.comparison{font-size:10px;padding:5px 9px}nav{padding:6px 8px;gap:6px;border-radius:5px}nav button,nav .button{font-size:10px;padding:6px 10px}#status{font-size:10px;margin:0;padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:4px}main{flex:1;min-height:0;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px}.source,.assembly{min-height:0;padding:12px;display:flex;flex-direction:column;border-radius:6px;position:relative;top:auto;overflow:hidden}.source video{height:156px;min-height:100px;width:100%;aspect-ratio:auto;object-fit:contain;margin:0 0 6px;flex-shrink:0}.heading{min-height:30px;flex-shrink:0;gap:10px}h2{font-size:14px;margin:0;letter-spacing:-.2px}#search,#assembly-search{font-size:11px;padding:6px 8px;width:50%}.reading-tools{display:flex;align-items:center;gap:12px;padding:5px 0 10px;border-bottom:1px solid #dce5e0;flex-shrink:0;font-size:10px;color:#648272}.reading-tools label{display:flex;align-items:center;gap:5px}.reading-tools input{accent-color:var(--accent)}.reading-tools button{font-size:10px;padding:4px 8px}#source-time{margin-left:auto}.assembly>.actions{flex-shrink:0;margin:5px 0 8px;gap:6px}.assembly>.actions button{font-size:10px;padding:6px 10px}.assembly-hint{font-size:10px;color:#6c887a;margin:0;padding:0 0 10px;border-bottom:1px solid #dce5e0;flex-shrink:0}#duration{font-size:11px;padding:4px 7px}#transcript,#cards{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;scrollbar-gutter:stable;padding:14px 10px 180px 3px;overscroll-behavior:contain}#transcript{line-height:1.95}.reading-paragraph{margin:0 0 15px;font-size:13px;line-height:1.95;position:relative}.reading-paragraph .passage{display:inline;position:relative;padding:2px 1px;margin:0 2px 0 0;border:none;border-radius:3px;cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone}.reading-paragraph .passage p{display:inline;font-family:Georgia,'Times New Roman',serif;font-size:14px;line-height:1.95;letter-spacing:0;margin:0;color:#31433a}.reading-paragraph .passage:hover,.reading-paragraph .passage:focus-within{background:#ebf7f1}.passage:focus-visible,.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reading-paragraph .passage.playing{background:#dbf2e6;box-shadow:0 1px 0 #84d0a9}.cue-tools{display:none;position:absolute;z-index:20;top:100%;left:0;width:315px;max-width:calc(100vw - 70px);padding:10px;background:#fff;border:1px solid #b8e0cb;border-radius:6px;box-shadow:0 5px 14px #204d3620;cursor:default;line-height:1.5}.passage:hover>.cue-tools,.passage:focus-within>.cue-tools{display:block}.cue-tools>.time{display:block;font-size:9px;margin-bottom:7px}.cue-tools>button{font-size:9px!important;padding:5px 7px!important;margin-right:4px}.cue-tools .original summary{font-size:9px}.cue-tools .original p{display:block;font-family:inherit;font-size:11px;line-height:1.5;padding:5px 8px}.reading-paragraph .passage.editing{display:block;background:#f3faf6;padding:10px}.passage.editing>.cue-tools{display:none}.word-editor{margin:8px 0;padding:10px}.word-editor textarea{font-size:13px;min-height:85px}.word-editor p.muted{display:block;font-family:inherit;font-size:10px;line-height:1.5}.word-editor button{font-size:10px}.card{margin:0 0 8px;padding:9px 11px 10px;border-left-width:2px;border-radius:4px;position:relative}.card>.time{font-size:9px;line-height:1.3}.card>p{font-family:Georgia,'Times New Roman',serif;font-size:14px;line-height:1.8;margin:5px 0 0}.card.playing{background:#ebf8f1;border-color:#7acca2}.card-tools{display:none;position:relative;margin-top:8px;border-top:1px solid #dfe8e3;padding-top:6px}.card:hover>.card-tools,.card:focus-within>.card-tools{display:block}.card-tools button{font-size:9px;padding:4px 7px}.card-tools .trim-disclosure{margin:0 0 6px}.card-tools summary{font-size:9px}.trim{margin:6px 0;gap:8px}.trim input{width:90px;padding:5px;font-size:10px}.trim label{font-size:9px}footer{font-size:9px;margin:0;line-height:1.5;flex-shrink:0}@media(max-width:800px){body{height:auto;min-height:100dvh;overflow:auto;padding:10px}header>div{gap:8px;flex-wrap:wrap}small{font-size:8px}main{display:flex;flex-direction:column;min-height:0}.source,.assembly{overflow:visible}#transcript{max-height:52dvh;min-height:220px}#cards{max-height:50dvh;min-height:160px}.source video{height:145px}.reading-paragraph .passage p,.card>p{font-size:14px}.cue-tools{width:270px}.card-tools{display:block}.comparison{font-size:9px}#status{white-space:normal}.assembly{position:static}}
@media(hover:none){.passage:focus-within>.cue-tools{display:block}.card-tools{display:block}}
/* Grid items must stretch into the remaining viewport for inner overflow to scroll. */
main{align-items:stretch;grid-template-rows:minmax(0,1fr);overflow:hidden}
.source,.assembly{height:100%;max-height:100%;min-height:0}
#transcript,#cards{flex:1 1 0;min-height:0;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#8dad9c #eff3f1}
#transcript::-webkit-scrollbar,#cards::-webkit-scrollbar{width:8px}
#transcript::-webkit-scrollbar-track,#cards::-webkit-scrollbar-track{background:#eff3f1}
#transcript::-webkit-scrollbar-thumb,#cards::-webkit-scrollbar-thumb{background:#8dad9c;border-radius:5px;border:2px solid #eff3f1}
@media(max-width:800px){main{overflow:visible;grid-template-rows:none}.source,.assembly{height:auto;max-height:none}#transcript,#cards{flex:0 1 auto}}
/* Fixed action docks and compact paragraph sections. */
.selection-dock{flex-shrink:0;background:#f1faf5;border:1px solid #d5eee1;border-radius:5px;padding:7px 8px;margin:0 0 7px;min-height:59px}.selection-dock>span{font-size:10px;color:#5f8471;display:block;margin-bottom:6px}.dock-actions{display:flex;gap:4px;flex-wrap:wrap}.dock-actions button{font-size:10px;padding:5px 7px}.dock-actions #add-selection{background:var(--accent);color:#fff;border-color:var(--accent)}.reading-paragraph{padding-right:14px;position:relative;padding-top:2px}.paragraph-select{display:block;font-size:9px;padding:3px 6px;color:#628874;background:#f6fbf8;border:1px solid #dceee5;margin:0 0 4px;cursor:grab}.reading-paragraph .passage{display:inline;user-select:text;cursor:text}.cue-text{font-family:Georgia,'Times New Roman',serif;font-size:14px;line-height:1.95}.reading-paragraph .passage.selected{background:#e2f4eb;box-shadow:0 1px 0 #94d6b4}.reading-paragraph .passage.playing{background:#c6ead7}.reading-paragraph .passage:hover{background:#ebf7f1}.section-tile{padding:10px 10px 12px;border:1px solid #dae4df;border-radius:5px;margin:0 0 9px;background:#fff;position:relative}.section-tile.selected{border-color:#7fcea5;box-shadow:0 0 0 1px #c5e9d6;background:#fafdfb}.section-heading{display:flex;align-items:center;gap:6px;margin-bottom:5px}.section-heading .time{font-size:9px;color:#6f9280}.drag-handle{padding:0 5px;line-height:1.4;font-size:16px;color:#80a391;border:0;background:transparent;cursor:grab}.drag-handle:active,.paragraph-select:active{cursor:grabbing}.assembly-paragraph{font-family:Georgia,'Times New Roman',serif;font-size:14px;line-height:1.95;margin:0;color:#31433a}.assembly-cue{cursor:pointer;border-radius:2px}.assembly-cue:hover,.assembly-cue:focus{background:#e7f6ee;outline:0}.assembly-cue.selected-cue{background:#d8f0e4;box-shadow:0 1px 0 #84d0a9}.assembly-cue.playing{background:#c6ead7}.drop-target{background:#f3fbf7;outline:0}.section-tile.drop-before{border-top:3px solid var(--accent)}.section-tile:focus-visible,.assembly-cue:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.source #transcript{padding-top:8px}.assembly-hint{border:0;padding-bottom:6px}dialog{border:1px solid #b8ddca;border-radius:10px;padding:22px;width:min(540px,90vw);background:#fff;color:#294e3b;box-shadow:0 15px 70px #1b483133}dialog::backdrop{background:#1e483255}dialog h2{font-size:18px;margin-bottom:12px}dialog p{font-size:12px;line-height:1.7;color:#688f7b}dialog textarea{width:100%;min-height:140px;padding:12px;font:14px/1.7 -apple-system,BlinkMacSystemFont,sans-serif;border:1px solid #b8ddca;border-radius:5px;resize:vertical}dialog summary{font-size:11px;color:#5a7c6a}dialog label{display:block;font-size:12px;margin:10px 0}dialog input{margin-left:12px;width:130px}dialog .actions{margin:16px 0 0}dialog button{font-size:12px}.selection-dock button:disabled{opacity:.4}@media(max-height:700px) and (min-width:801px){.source video{height:112px;min-height:90px}.selection-dock{padding:5px;min-height:52px}.reading-tools{padding-bottom:6px}body{gap:5px}.selection-dock>span{font-size:9px}}
.section-heading{cursor:grab;user-select:none;padding:3px 0}.section-heading:active{cursor:grabbing}.drag-handle{pointer-events:none}
/* Source usage is independent of the current selection and playback cue. */
.reading-paragraph .passage.used{background:#e0e5e2;color:#45554d;box-shadow:0 1px 0 #c4cec9}
.reading-paragraph .passage.used:hover{background:#d4dfd9}
.reading-paragraph .passage.used.selected{background:#cfedde;box-shadow:0 1px 0 #78c59d}
.reading-paragraph .passage.used.playing{background:#c6ead7;box-shadow:0 1px 0 var(--accent)}
/* Direct manipulation: cues and assembly sections are the drag surfaces. */
.reading-paragraph .passage{cursor:grab;user-select:none;-webkit-user-select:none}
.reading-paragraph .passage:active,.section-tile:active{cursor:grabbing}
.section-tile{cursor:grab;padding:5px 6px 6px;margin-bottom:5px;border-color:transparent;border-bottom-color:#e2eae6;border-radius:3px;background:transparent;box-shadow:none}
.section-tile:hover{background:#f4fbf7;border-color:#d5efe2}
.section-heading{padding:0;margin-bottom:2px;gap:4px}
.section-heading .time{font-size:8px;color:#81a291}
.drag-handle{display:none}
.assembly-paragraph,.cue-text{font-family:Georgia,'Times New Roman',serif;font-size:14px;line-height:1.95}
.assembly-cue{cursor:grab}
.section-tile.selected{background:#f2faf6;border-color:#b2e2c9;box-shadow:none}
.assembly-paragraph{user-select:none;-webkit-user-select:none}
/* Preview shares the top band with project controls; reading gets the remaining space. */
body{padding:8px;gap:8px}
.workspace-header{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;flex-shrink:0;align-items:start}
.workspace-controls{display:flex;flex-direction:column;gap:8px;min-width:0}
.workspace-controls header{min-height:30px}
.workspace-header video{width:100%;height:132px;min-height:0;max-height:none;object-fit:contain;aspect-ratio:auto;margin:0;background:#1c2520;border-radius:6px}
main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:10px}
.source,.assembly{grid-row:1;min-height:0;height:100%}
@media(max-height:700px) and (min-width:801px){.workspace-header{grid-template-columns:minmax(0,1fr) 240px}.workspace-header video{height:110px}}
@media(max-width:800px){.workspace-header{grid-template-columns:minmax(0,1fr)}.workspace-header video{height:170px;width:100%;max-width:360px;justify-self:end}main{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;overflow:visible}.source{grid-row:1}.assembly{grid-row:2}.source,.assembly{height:auto}}

@media(min-width:801px){.reading-tools,.assembly>.actions{height:38px;min-height:38px;margin:0 0 7px;padding:5px 0;border-bottom:1px solid #dce5e0;align-items:center}.selection-dock{height:78px;min-height:78px}}

/* Quiet drop feedback and accessible icon transports. */
#cards:focus{outline:none}#cards:focus-visible{box-shadow:inset 0 0 0 1px #86d1aa}
.transport-icon,.reading-tools .transport-icon,.assembly>.actions .transport-icon{width:30px;height:28px;padding:5px;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.transport-icon svg{width:16px;height:16px;fill:currentColor}
.autoplay-toggle{position:relative;cursor:pointer;gap:6px!important}
.autoplay-toggle input{position:absolute;width:1px;height:1px;opacity:0}
.switch-track{width:26px;height:15px;border-radius:12px;background:#a5b9af;padding:2px;display:inline-flex;align-items:center;transition:background .15s}
.switch-track:before{content:'';width:11px;height:11px;border-radius:50%;background:#fff;transition:transform .15s}
.autoplay-toggle input:checked+.switch-track{background:var(--accent)}
.autoplay-toggle input:checked+.switch-track:before{transform:translateX(11px)}
.autoplay-toggle input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:3px}

/* Both columns read as paragraphs; editing lives in each paragraph's compact heading. */
.paragraph-heading{display:flex;align-items:center;gap:6px;min-height:24px;margin-bottom:4px;flex-wrap:wrap}
.paragraph-heading .paragraph-select{margin:0;padding:3px 6px}
.mini-action{font-size:11px;line-height:1;padding:3px 5px;min-width:22px;height:22px;background:transparent;border-color:transparent;color:#628874}
.mini-action:hover{background:#e6f6ee;border-color:#bee6d1}
.paragraph-actions{display:flex;gap:2px;margin-left:auto;opacity:0}
.section-tile:hover .paragraph-actions,.section-tile:focus-within .paragraph-actions,.section-tile.selected .paragraph-actions{opacity:1}
.source-cue-actions,.assembly-cue-actions{display:inline-flex;align-items:center;gap:2px}
[hidden]{display:none!important}
.cue-position{font:9px -apple-system,BlinkMacSystemFont,sans-serif;color:#648272;margin:0 4px}
.assembly-cue-actions{border-left:1px solid #d8ede2;padding-left:5px}
.section-tile{padding:2px 3px;margin:0 0 15px;border:0;border-radius:3px}
.section-tile:hover,.section-tile.selected{border:0;background:#f6fbf8}
.section-tile.drop-before{box-shadow:inset 0 2px var(--accent)}
.section-heading .time{font-size:9px;cursor:grab}
.assembly-paragraph,.cue-text{font-size:14px;line-height:1.95}
.cue-drop-before{box-shadow:inset 2px 0 var(--accent);background:#f0f9f4}
#transcript,#cards{padding-top:8px}
@media(hover:none){.paragraph-actions{opacity:1}}

/* Compact cue stack: source reference and wording share each line. */
.cue-row{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:baseline;gap:5px;padding:4px 2px;margin:0 0 3px;border-bottom:1px solid #eef2f0;border-radius:2px;cursor:grab;user-select:none;-webkit-user-select:none}
.cue-content{min-width:0;font:14px/1.95 Georgia,'Times New Roman',serif}.cue-row .assembly-cue{font:inherit;display:inline}
.cue-row:hover,.cue-row.selected{background:#f4fbf7}
.cue-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.cue-remove{padding:0;width:20px;height:20px;font-size:13px;background:transparent;border:0;color:#779987;align-self:start;margin-top:2px}
.cue-remove:hover{color:#36875d;background:#e7f5ee}
.cue-row.drop-before{box-shadow:inset 0 2px var(--accent)}
.cue-row:active{cursor:grabbing}
.paragraph-heading{min-height:22px;margin-bottom:3px}
/* Project library and independent preview stations. */
.workspace-header{display:flex;flex-direction:column;gap:5px}.workspace-header header{min-height:30px;gap:10px}.workspace-header nav{padding:0;border:0;background:transparent;flex-shrink:0}
.workspace-header h1{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45vw}
.preview-deck{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;flex-shrink:0}
.preview-station{display:flex;flex-direction:column;gap:9px;min-width:0;padding:12px;background:#f9faf9;border:1px solid var(--line);border-radius:7px}
.preview-station video{width:100%;height:clamp(164px,22dvh,220px);max-height:none;aspect-ratio:auto;object-fit:contain;margin:0;background:#1c2520;border:1px solid #25322b;border-radius:4px;align-self:center}
.station-controls{display:flex;flex-direction:column;gap:4px;min-width:0;padding:0}.station-controls>label{font-size:9px;font-weight:650;color:#648272;letter-spacing:.1em}
.station-controls select{width:100%;min-width:0;padding:2px 0;border:1px solid transparent;border-radius:3px;background:transparent;color:#2d3d35;font:600 18px/1.35 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.35px}.station-controls select:hover{color:var(--accent);background:#eef9f3}
.station-actions{display:flex;gap:5px;flex-wrap:wrap;min-height:24px;margin-left:-5px}.station-actions button,.station-footer .button{display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:4px 5px;background:transparent;border-color:transparent;color:#597c6a}.station-actions button:hover,.station-footer .button:hover{background:#e6f6ee;color:var(--accent)}.station-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:24px}.station-footer .station-note{min-width:0;flex:1}.station-footer .button{flex:none;margin-right:-5px}.station-note,.form-note{font-size:10px;color:#6e907e;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-note{display:block;margin:4px 0 10px}
#assembly-time{margin-left:auto;color:#678e7a;font-size:10px}dialog>form>label{margin:10px 0}dialog label input:not([type=file]){width:65%;margin-left:10px}dialog .button{font-size:11px;margin-right:6px}#interview-error,#cut-error{color:#9a4343}
@media(max-height:700px) and (min-width:801px){.preview-station video{height:144px}.station-controls{gap:3px}}
@media(max-width:800px){.preview-deck{grid-template-columns:1fr}.workspace-header header{flex-wrap:wrap}.workspace-header h1{max-width:90vw}.workspace-header header>div{flex-wrap:wrap}.preview-station{padding:12px;gap:9px}.preview-station video{height:160px}.station-controls{gap:3px}}

/* One inline control identifies the interview and locates the original passage. */
.cue-source{display:inline-flex;align-items:center;gap:4px;max-width:min(42%,150px);height:20px;padding:1px 4px;margin:0 6px 0 0;vertical-align:baseline;background:#eef9f3;border:1px solid #cae7d8;border-radius:3px;color:#3b7c5a;font:10px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer}
.cue-source-index{flex:none;font:9px/1.4 ui-monospace,SFMono-Regular,monospace;color:#648b77}
.cue-source-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cue-source:hover{background:#e5f5ed;border-color:#aad8c0;color:var(--accent)}
.cue-source:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
@media(max-width:800px){.workspace-header nav{flex-wrap:wrap;max-width:100%;min-width:0}}

.cue-row[hidden],#assembly-no-results[hidden]{display:none}
#assembly-search-status{font-size:9px;color:#648272;white-space:nowrap}
@media(max-width:480px){.preview-station video{height:auto;aspect-ratio:16/9}.station-controls select{font-size:17px}}