/* Approved archive mockups: open canvas, dense library, transcript workspace. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body:has(.episode-workspace),body.archive-view-episodes{--canvas:#f6f8fb;--shell:#f6f8fb;--ink:#111b31;--muted:#60708c;--border:#dde4ee;background:var(--canvas)}
.shell{width:100%;margin:0;border:0;border-radius:0;box-shadow:none;overflow:clip}
.shell header{display:flex;align-items:center;gap:48px;padding:0 32px;min-height:64px;flex-wrap:wrap;background:#fff;border-bottom:1px solid var(--border)}
.shell .utility{display:contents}.shell .brand{order:1;display:flex;align-items:center;gap:12px;white-space:nowrap;max-width:none;font-size:1rem}
.brand strong{font-size:1.3rem;letter-spacing:-.065em;font-weight:900}.brand span{font-weight:450;color:var(--muted);border-left:1px solid var(--border);padding-left:12px}
.shell header nav{order:2;flex:1;padding:0;gap:28px;align-self:stretch}.shell header nav a{gap:8px;font-weight:500;min-height:64px}.shell header nav .icon{display:block;width:18px;height:18px;flex:0 0 18px}.shell header nav [aria-current]{color:var(--accent)}
.shell .utility form{order:3}.shell .utility .button{font-weight:500;min-height:40px}
.shell main{padding:24px 32px;gap:18px;align-content:start;min-height:calc(100vh - 120px)}.shell h1{font-size:2.2rem;line-height:1.15;font-weight:750;letter-spacing:-.035em}.intro{gap:6px}.intro p{color:var(--muted)}
.shell .button{font-weight:550;border-radius:6px}.shell footer{font-size:.75rem;padding:14px 32px}
.library-filters{display:grid;grid-template-columns:minmax(220px,1.6fr) 1fr 1fr 1fr auto;gap:12px;align-items:end}
.library-filters label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.library-filters input,.library-filters select{min-height:44px;font-size:.9rem}
.library-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:0}.library-status .button{min-height:42px;border-bottom-width:1px;font-weight:500;padding:8px 20px;gap:8px;background:var(--surface)}
.library-status [aria-current]{border-color:var(--accent);color:var(--accent-contrast);background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 84%,#fff),var(--accent))}.library-status a:last-child:not(.button){padding:10px}
.library-table-wrap{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface);align-self:start}
.library-table{width:100%;border-collapse:collapse;font-size:.8rem;text-align:left;table-layout:fixed}.library-table th{font-weight:500;background:#f5f7fb;color:#475574;padding:12px 14px;border-bottom:1px solid var(--border)}
.library-table th:nth-child(1){width:25%}.library-table th:nth-child(2){width:9%}.library-table th:nth-child(3){width:9%}.library-table th:nth-child(4){width:7%}.library-table th:nth-child(5){width:15%}.library-table th:nth-child(6){width:13%}.library-table th:nth-child(7){width:22%}
.library-table td{padding:14px;border-bottom:1px solid var(--border);vertical-align:middle;overflow-wrap:anywhere}.library-table tr:last-child td{border-bottom:0}.library-table tbody tr:hover{background:#f8faff}.library-table tbody tr:focus-within{background:var(--accent-soft);outline:1px solid var(--accent);outline-offset:-1px}
.library-episode{display:flex;gap:14px;align-items:center;min-width:0}.library-episode h2{font-size:.9rem;line-height:1.4}.library-episode a{text-decoration:none}.library-episode a:hover{text-decoration:underline}.library-revision{font-size:.65rem}
.episode-cover{display:block;position:relative;width:48px;height:56px;flex-shrink:0;border-radius:5px;overflow:hidden;background:var(--accent-soft);border:1px solid var(--border)}.artwork-fallback{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-soft),var(--surface));font-size:1rem;color:var(--ink);font-weight:750}.episode-artwork{position:relative;display:block;width:100%;height:100%;object-fit:cover}.episode-artwork[hidden]{display:none}
.library-speakers{display:flex;gap:6px;flex-wrap:wrap}.library-speakers a{display:flex;flex-direction:column;align-items:center;gap:3px;width:28px;text-decoration:none;font-size:.65rem;min-height:32px}.library-speakers .speaker-avatar{width:24px;height:30px;border-radius:3px}
.library-state{display:grid;gap:3px;background:none;border:0;color:var(--ink)}.library-state strong{display:flex;gap:7px;align-items:center;font-size:.8rem;font-weight:650}.library-state strong::before{content:'';width:8px;height:8px;border-radius:50%;background:#8994a8;flex-shrink:0}.library-state.status-ready strong{color:#23713d}.library-state.status-ready strong::before{background:#1daf54}.library-state.status-processing strong::before{background:var(--accent)}.library-state span{font-size:.7rem;color:var(--muted);line-height:1.4;padding-left:15px}
.episode-row-actions{display:flex;gap:8px;flex-wrap:wrap}.episode-row-actions .button{font-size:.75rem;min-height:40px;padding:8px 12px;white-space:nowrap}.episode-row-actions .icon{width:17px;height:17px;flex-basis:17px}
.pagination{margin:0;padding:0;justify-content:end;font-size:.8rem}.pagination>span{margin-right:auto}.pagination a.button{border-bottom-width:1px}
.episode-breadcrumb{display:flex;gap:16px;padding:0;margin:0;font-size:.8rem}.episode-breadcrumb a{min-height:30px}.episode-breadcrumb span{color:var(--muted);align-self:center}
.episode-hero{display:flex;gap:16px;align-items:center;margin:0}.episode-hero .episode-cover{width:64px;height:64px}.episode-hero>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;flex:1;min-width:0}.episode-hero h1{font-size:2rem;overflow-wrap:anywhere}.episode-hero .meta{grid-column:1;font-size:.85rem}.episode-hero .result-actions{grid-column:2;grid-row:1/3;flex-wrap:wrap;gap:8px;justify-content:end}.episode-hero .button{font-size:.8rem}
.episode-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.episode-transcript-column{min-width:0}.episode-transcript-column>#transcript{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px}
.episode-sidebar{display:grid;gap:12px;min-width:0}.episode-sidebar .panel{padding:16px;border:0;gap:12px}.episode-sidebar>.panel{border:1px solid var(--border)}.episode-sidebar h2{font-size:1rem}.episode-sidebar p{font-size:.8rem;line-height:1.5}.speaker-overview-list{display:grid;gap:6px}.speaker-overview-person{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:.85rem;min-height:38px}.speaker-overview .button{justify-self:start;min-height:34px;padding:6px 10px;font-size:.75rem}.speaker-avatar{border-radius:4px}
.episode-management{border:1px solid var(--border);border-radius:8px;background:var(--surface);min-width:0}.episode-management>summary{padding:14px 16px;min-height:48px;font-weight:650}.episode-management[open]>summary{border-bottom:1px solid var(--border)}.episode-sidebar .processing-form,.episode-sidebar .speaker-assignment,.episode-sidebar .speaker-roster{grid-template-columns:minmax(0,1fr)}.episode-sidebar .notes{padding:16px;margin:0;font-size:.8rem}.episode-management>section:not(.panel){padding:16px}.episode-management input[type=file]{max-width:100%}.episode-sidebar li{min-width:0}
.episode-transcript-column #transcript{position:relative}.episode-transcript-column #transcript>h2{font-size:1.45rem;margin-bottom:12px}.episode-transcript-column #transcript>.notice{max-width:none;border:0;background:none;padding:0;font-size:.75rem;color:var(--muted);margin:0 0 12px}
.transcript-find{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:12px 0}.transcript-find .grow{min-width:150px}.transcript-find label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.transcript-find .button{min-height:40px}.transcript-find input{min-height:40px}.transcript-views{gap:0;margin:10px 0;background:#f1f5fb;border:1px solid var(--border);border-radius:6px;width:fit-content}.transcript-views .button{border:0;background:none;min-height:36px;font-size:.8rem}.transcript-views [aria-current]{background:var(--accent-soft);color:var(--accent)}
.episode-transcript-column .transcript-filters{gap:6px;padding:0;margin:14px 0}.transcript-filters .button{min-height:32px;padding:5px 10px;font-size:.75rem;font-weight:500}.transcript-filters [aria-current]{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.filter-count{font-size:.65rem;opacity:.7}#transcript-filter-status{font-size:.7rem;margin-bottom:8px}
.episode-transcript-column .passage{position:relative;padding:16px 0 12px;gap:6px}.episode-transcript-column .passage-header{justify-content:start;gap:12px;flex-wrap:wrap}.episode-transcript-column .passage-header .speaker-identity{order:1}.episode-transcript-column .passage-header .play-match{order:2;background:none;border:0;color:var(--accent);min-height:28px;padding:0 6px;font-size:.8rem}.passage-header .passage-speaker-photo{width:36px;height:42px}.passage-header .passage-speaker-label{font-weight:650;color:var(--ink);font-size:.85rem}.episode-transcript-column .transcript-text{font-size:.95rem;line-height:1.55;margin:0;padding-left:48px}.passage-review>summary{min-height:32px;padding:4px 0 4px 48px;color:var(--muted);font-size:.75rem}.passage-review[open]{display:grid;gap:10px}.passage-review .quick-speaker-assignment{padding:12px;border:1px solid var(--border);background:#f8faff;border-radius:6px;gap:10px}.passage-review .speaker-pick{width:auto;min-width:64px;min-height:40px;flex-direction:row;gap:6px;padding:5px 9px;font-size:.8rem}.passage-review .speaker-pick img,.passage-review .speaker-pick-placeholder{width:24px;height:30px;border-radius:3px}.passage-review .scope-help{font-size:.7rem}.passage-review .assignment-status{font-size:.75rem}.passage-review .listen-next{justify-self:start;min-height:34px;font-size:.8rem}.episode-transcript-column .playback-target{border-radius:6px;outline:1px solid var(--accent);outline-offset:6px;scroll-margin-top:24px}
/* The compact player is a single horizontal control strip, not stacked rows. */
.shell #player.player-ready{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:48px minmax(150px,1fr) 110px auto minmax(160px,1fr) 100px auto;grid-template-areas:'cover heading speakers transport timeline volume actions' 'meta meta meta meta meta meta meta' 'jump jump jump jump jump jump jump' 'extras extras extras extras extras extras extras' 'share share share share share share share';align-items:center;gap:4px 14px;padding:10px 24px;background:var(--surface);border:1px solid var(--border);border-radius:0;box-shadow:0 -4px 20px #111b3108;max-height:85vh;overflow:auto}.shell #player[hidden]{display:none}.player-ready #audio{display:none}.shell #player .player-cover{grid-area:cover;width:48px;height:56px}.shell #player .player-heading{grid-area:heading;gap:8px;min-width:0;align-items:center}.player-heading>div:first-child{min-width:0}.player-heading strong{display:block;font-size:.8rem;overflow-wrap:anywhere}.player-heading .meta{margin:2px 0;font-size:.7rem}.player-heading-actions{display:flex;gap:4px}.shell #player .player-heading-actions .button{min-height:32px;padding:5px}.player-heading-actions .button span:not(.icon){display:none}
.shell #player .speaker-stage{grid-area:speakers;width:100%;max-width:110px;height:58px;margin:0}.shell #player #speaker-strip{max-width:110px;height:58px}.shell #player #speaker-stage-message{font-size:.65rem;line-height:1.3}.player-transport{grid-area:transport;display:flex;gap:6px;align-items:center}.player-transport .button{min-height:38px;padding:6px;gap:4px;font-size:.7rem}.player-transport #player-play{min-width:40px}.player-transport .icon{width:18px;height:18px}.speed-control select{min-height:36px;padding:5px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--ink);font-size:.75rem}.player-timeline{grid-area:timeline;position:relative;min-width:0}.player-timeline input{width:100%;min-height:24px;accent-color:var(--accent);margin:0;cursor:pointer}.player-times{display:flex;justify-content:space-between;font-size:.65rem;color:var(--muted);font-variant-numeric:tabular-nums}.player-volume{grid-area:volume;display:flex;align-items:center;gap:6px;justify-content:end}.player-volume input{width:60px;min-height:30px;accent-color:var(--accent)}.player-volume .button{min-height:32px;padding:4px}.player-actions{grid-area:actions;display:flex;gap:6px;flex-wrap:wrap}.shell #player #go-transcript{grid-column:auto;grid-row:auto}.player-actions .button{font-size:.75rem;min-height:36px;padding:7px 10px}.shell #player .player-meta{grid-area:meta;justify-content:end;margin:0;font-size:.65rem;gap:8px}.shell #player .player-meta input{min-height:22px;width:40px;font-size:.65rem;padding:0 4px}.shell #player #player-message{min-height:0;flex:0 1 auto}.shell #player #transcript-jump-status{grid-area:jump;margin:0;font-size:.7rem}.shell #player #transcript-jump-status:empty{display:none}.player-ready #player-extras{grid-area:extras}.player-preview{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 16px;align-items:center;background:#f5f9ff;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:7px;padding:16px}.player-preview p{margin:0}.player-preview #player-preview-speaker{grid-column:1/-1;font-weight:650;color:var(--accent)}.player-preview #player-preview-text{font-size:.9rem;line-height:1.6;overflow-wrap:anywhere}.follow-control{display:flex;gap:8px;align-items:center;font-size:.8rem;min-height:44px;cursor:pointer}.follow-control input{accent-color:var(--accent);width:20px;height:20px}.player-ready #player-share-status{grid-area:share;font-size:.75rem;overflow-wrap:anywhere;margin:0}.player-ready #player-share-status:empty{display:none}.player-ready #player-speech{display:none;fill:var(--accent);opacity:.6;width:100%;height:56px}
.shell #player.player-expanded{grid-template-columns:300px minmax(0,1fr) auto auto;grid-template-areas:'cover heading heading heading' 'cover speakers speakers speakers' 'cover timeline timeline timeline' 'transport transport volume actions' 'extras extras extras extras' 'meta meta meta meta' 'jump jump jump jump' 'share share share share';padding:24px 28px;gap:18px 28px;border-radius:10px 10px 0 0}.shell #player.player-expanded .player-cover{width:300px;height:300px;align-self:start;grid-row:1/4}.player-expanded .player-heading strong{font-size:1.65rem}.player-expanded .player-heading .meta{font-size:.95rem}.shell #player.player-expanded .speaker-stage{height:68px;max-width:240px}.shell #player.player-expanded #speaker-strip{max-width:240px;height:68px}.player-expanded .speaker-chip .speaker-avatar{width:38px;height:48px}.player-expanded #player-speech:not([hidden]){display:block}.player-expanded .player-transport .button{min-height:48px;padding:10px}.player-expanded .player-transport #player-play{min-width:76px}.player-expanded .player-volume input{width:120px}.player-expanded .player-actions .button{min-height:48px;padding:10px 14px;font-size:.85rem}.player-timeline input:focus-visible,.speed-control select:focus-visible,.player-volume input:focus-visible,.follow-control input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:1200px){.shell header{gap:24px}.library-table th:nth-child(1){width:27%}.library-table th:nth-child(5){width:13%}.library-speakers a span{font-size:.6rem}.library-table td,.library-table th{padding:12px 8px}.episode-row-actions .button{padding:8px;font-size:.7rem}.shell #player.player-ready{grid-template-columns:44px minmax(120px,1fr) 88px auto minmax(120px,1fr) auto;grid-template-areas:'cover heading speakers transport timeline actions' 'meta meta meta volume volume volume' 'jump jump jump jump jump jump' 'extras extras extras extras extras extras' 'share share share share share share'}.shell #player .player-volume input{width:70px}.shell #player.player-expanded{grid-template-columns:240px minmax(0,1fr) auto;grid-template-areas:'cover heading heading' 'cover speakers speakers' 'cover timeline timeline' 'transport volume actions' 'extras extras extras' 'meta meta meta' 'jump jump jump' 'share share share'}.shell #player.player-expanded .player-cover{width:240px;height:240px}.episode-hero>div{grid-template-columns:1fr}.episode-hero .result-actions{grid-column:1;grid-row:auto;justify-content:start}.episode-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:16px}}
@media(max-width:1100px){.library-filters{grid-template-columns:2fr 1fr 1fr}.library-filters>.button{justify-self:start}.library-table th:nth-child(1){width:30%}.library-table th:nth-child(7){width:25%}.shell #player.player-ready{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:'cover heading speakers' 'transport timeline actions' 'meta meta volume' 'jump jump jump' 'extras extras extras' 'share share share'}.shell #player.player-expanded{grid-template-columns:160px minmax(0,1fr) auto;grid-template-areas:'cover heading heading' 'cover speakers speakers' 'timeline timeline timeline' 'transport volume actions' 'extras extras extras' 'meta meta meta' 'jump jump jump' 'share share share'}.shell #player.player-expanded .player-cover{width:160px;height:160px;grid-row:1/3}.player-expanded .player-heading strong{font-size:1.2rem}.shell header nav{gap:18px}.brand strong{font-size:1.1rem}}
@media(max-width:760px){.shell header{gap:0 12px;padding:8px 16px}.shell .brand{flex:1;gap:8px}.brand strong{font-size:1rem}.brand span{font-size:.85rem;padding-left:8px}.shell .utility form{order:2}.shell header nav{order:3;flex-basis:100%;gap:20px}.shell header nav a{min-height:42px;font-size:.8rem}.shell main{padding:20px 16px}.shell h1{font-size:1.8rem}.library-filters{grid-template-columns:1fr 1fr}.library-filters>.field:first-child{grid-column:1/-1}.library-status .button{font-size:.75rem;padding:7px 12px;min-height:36px}.episode-workspace{grid-template-columns:minmax(0,1fr)}.episode-hero{align-items:start}.episode-hero h1{font-size:1.6rem}.episode-hero{display:grid;grid-template-columns:64px minmax(0,1fr)}.episode-hero>div{display:contents}.episode-hero>.episode-cover{grid-row:1/3}.episode-hero h1,.episode-hero .meta{grid-column:2}.episode-hero .result-actions{grid-column:1/-1;grid-row:auto;margin-top:12px}.episode-transcript-column>#transcript{padding:16px}.episode-sidebar{grid-template-columns:minmax(0,1fr)}.speaker-overview-list{grid-template-columns:1fr 1fr}.episode-transcript-column .transcript-text{padding-left:0}.passage-review>summary{padding-left:0}.shell #player.player-ready{padding:10px 12px;gap:6px 10px;grid-template-columns:90px minmax(0,1fr);grid-template-areas:'cover heading' 'speakers transport' 'timeline timeline' 'actions volume' 'meta meta' 'jump jump' 'extras extras' 'share share'}.shell #player .player-cover{width:48px;height:48px}.shell #player .player-heading{align-items:start;gap:6px}.shell #player .speaker-stage,.shell #player #speaker-strip{max-width:90px;height:56px}.player-transport{justify-content:end;gap:4px}.player-transport .button{padding:6px;min-height:36px}.player-transport .button:not(#player-play) .icon{display:none}.player-actions{gap:4px}.player-actions .button{padding:6px;font-size:.7rem;gap:4px}.player-actions .icon{width:16px;height:16px;flex-basis:16px}.shell #player .player-volume input{width:48px}.player-volume{gap:4px}.shell #player .player-meta{justify-content:start}.player-meta #player-message{flex-basis:100%}.player-preview{grid-template-columns:minmax(0,1fr);padding:12px}.player-preview .button,.player-preview .follow-control{justify-self:start}.shell #player.player-expanded{grid-template-columns:72px minmax(0,1fr);grid-template-areas:'cover heading' 'speakers speakers' 'timeline timeline' 'transport volume' 'actions actions' 'extras extras' 'meta meta' 'jump jump' 'share share';padding:14px}.shell #player.player-expanded .player-cover{width:72px;height:72px;grid-row:auto}.player-expanded .player-heading strong{font-size:1rem}.player-expanded .player-heading .meta{font-size:.7rem}.shell #player.player-expanded .speaker-stage{height:68px}.player-expanded .player-transport{justify-content:start}.player-expanded .player-transport .button{min-height:40px;padding:6px}.player-expanded .player-transport #player-play{min-width:44px}.player-expanded .player-actions .button{min-height:40px;padding:6px 8px;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.player-ready *{scroll-behavior:auto}}
.player-expanded #player-speech[hidden]{display:none}

@media(max-width:1100px){.library-table,.library-table tbody{display:block}.library-table thead{display:none}.library-table tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px;border-bottom:1px solid var(--border)}.library-table tr:last-child{border-bottom:0}.library-table td{display:block;border:0;padding:0}.library-table td:nth-child(1),.library-table td:nth-child(6),.library-table td:nth-child(7){grid-column:1/-1}.library-table td:nth-child(5){display:flex;grid-column:1/-1}.library-table td:nth-child(4){grid-column:2;grid-row:2/4}.library-table td:nth-child(4)::before{content:'Duration: ';color:var(--muted)}.library-speakers a span{position:static;width:auto;height:auto;clip-path:none}.episode-row-actions .button{font-size:.8rem;padding:8px 12px}}
@media(min-width:761px) and (max-width:900px){.shell #player.player-expanded{grid-template-areas:'cover heading heading' 'cover speakers speakers' 'timeline timeline timeline' 'transport transport volume' 'actions actions actions' 'extras extras extras' 'meta meta meta' 'jump jump jump' 'share share share'}}
.transcript-filters .button[aria-current]{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.transcript-filters .button[aria-current]:hover,.library-status .button[aria-current]:hover{background:var(--accent-soft);color:var(--ink)}