/* Compact editing shell: navigation in the drawer, project tools in the library. */
[hidden]{display:none!important}
body{padding:6px 8px;gap:6px}
.preview-deck{gap:8px}
.preview-station{padding:7px 9px;gap:5px;border-radius:6px}
.station-controls{gap:0}
.station-controls>label{font-size:8px;letter-spacing:.08em;line-height:1.25}
.station-controls select{font-size:15px;line-height:1.2;padding:1px 0;min-height:23px}
.preview-station video{height:clamp(100px,17dvh,164px)}
.station-footer{min-height:17px;gap:5px}
.station-note{font-size:9px;line-height:1.25}
.station-footer .button{font-size:9px;padding:1px 4px}
#menu-toggle{width:28px;height:28px;padding:0;flex:none;background:transparent;border:1px solid #d4e0da;border-radius:4px;color:#577867;font-size:15px}
#menu-toggle:hover{background:#e6f6ee;color:var(--accent)}
main{gap:8px}
.source,.assembly{padding:9px}
.heading{min-height:28px}
@media(min-width:801px){.reading-tools,.assembly>.actions{height:32px;min-height:32px;margin-bottom:4px;padding:3px 0}}
#transcript,#cards{padding-top:5px}
#workspace-menu{position:fixed;inset:0 auto 0 0;width:min(294px,92vw);height:100dvh;max-height:100dvh;margin:0;padding:22px 18px;border:0;border-right:1px solid #ccdad3;border-radius:0;background:#f9faf9;box-shadow:8px 0 30px #1b483122;overflow-y:auto}
#workspace-menu::backdrop{background:#1e48323b}
.drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:10px;letter-spacing:.13em;color:#658675}
#menu-close{background:transparent;border:0;font-size:22px;padding:0;width:26px;height:26px;color:#638975}
#workspace-menu nav{display:flex;flex-direction:column;align-items:stretch;gap:4px;background:transparent;border:0;padding:0;margin:0 0 20px}
#workspace-menu nav button,#workspace-menu nav .button,#workspace-menu nav a{display:block;max-width:none;text-align:left;text-decoration:none;font-size:12px;padding:9px 10px;color:#486355;background:transparent;border:1px solid transparent;border-radius:4px}
#workspace-menu nav button:hover,#workspace-menu nav .button:hover,#workspace-menu nav a:hover{background:#e6f6ee;color:var(--accent)}
#workspace-menu #status{background:#eef9f3;border:1px solid #d4ede0;color:#577967;font-size:10px;line-height:1.6;white-space:normal;padding:9px;border-radius:4px}
#workspace-menu .drawer-note{font-size:10px;line-height:1.7;color:#739583;margin-top:12px}
#workspace-feedback{position:fixed;bottom:12px;left:12px;z-index:30;max-width:min(520px,calc(100vw - 24px));display:flex;align-items:center;gap:10px;background:#fff;color:#714743;border:1px solid #d9b6ae;box-shadow:0 3px 15px #1b483122;border-radius:5px;padding:9px 12px;font-size:11px;line-height:1.5}
#feedback-close{border:0;background:transparent;font-size:18px;padding:0 3px;color:#714743}
#library-page{flex:1;min-height:0;overflow:auto;background:#f9faf9;border:1px solid #d2ded8;border-radius:6px;padding:24px}
.library-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #dce5e0;margin-bottom:12px}
.library-header>div{display:block}
.library-header h2{font-size:25px;letter-spacing:-.6px;margin-top:5px}
.library-header small{font-size:9px;color:#749584}
#library-back{font-size:11px;padding:7px 10px;white-space:nowrap}
.library-project-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:26px}
.library-project-tools button,.library-project-tools .button,.library-project-tools a{font-size:10px;padding:5px 8px;text-decoration:none}
.library-project-tools>span{margin-left:auto;font-size:10px;color:#789a88}
.library-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1100px;margin:0 auto}
.library-column{min-width:0;background:transparent;border:0;padding:0}
.library-column-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-height:32px;margin-bottom:12px}
.library-label{font-size:12px;color:#577867;margin:0}
.library-label>span{font-size:10px;font-weight:normal;background:#e8f3ed;padding:2px 6px;border-radius:4px;margin-left:5px;color:#6a927d}
#new-cut{font-size:11px;padding:5px 9px;color:var(--accent);background:#eef9f3;border-color:#c9ead9}
.library-heading-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.library-view-toggle{display:flex;gap:1px;border:1px solid #d6e9df;background:#eef3f0;padding:2px;border-radius:5px}
.library-view-toggle button{font-size:9px;padding:4px 6px;line-height:1.4;background:transparent;border:0;border-radius:3px;color:#608471;white-space:nowrap}
.library-view-toggle button[aria-pressed=true]{background:#fff;color:var(--accent);box-shadow:0 1px 2px #235c3f14}
.library-view-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#interview-library,#cut-library{display:grid;gap:12px;align-items:start}
.library-items[data-view=gallery]{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.library-items[data-view=list]{grid-template-columns:1fr}
.library-interview,.library-cut{background:#fff;border:1px solid #d6e9df;border-radius:6px;padding:0;min-width:0;overflow:hidden}
.library-card-body{padding:12px;min-width:0}
.library-interview h4,.library-cut h4{font-size:14px;line-height:1.35;letter-spacing:-.2px;margin:0 0 6px;overflow-wrap:anywhere}
.library-interview p,.library-cut p{margin:4px 0;font-size:11px;line-height:1.6;color:#69907c}
.library-interview .library-transcript{font-size:10px;color:#749a86}
.library-items[data-view=gallery] .library-transcript{display:none}
.library-file{overflow-wrap:anywhere;color:#577867!important}
.library-thumbnail{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;margin:0;padding:0;background:#e8efeb;border:0;border-bottom:1px solid #d6e9df;border-radius:0;color:#678e7a;overflow:hidden;cursor:pointer}
.library-thumbnail:hover{background:#deefe6}
.library-thumbnail:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;font-weight:normal}
.thumbnail-placeholder::before{content:'▷';font-size:23px;color:#88a998}
.thumbnail-loading .thumbnail-placeholder{opacity:.6}
.library-thumbnail-image{display:block;max-width:none;width:100%;height:100%;object-fit:cover}
.library-items[data-view=list] .library-interview,.library-items[data-view=list] .library-cut{display:grid;grid-template-columns:112px minmax(0,1fr)}
.library-items[data-view=list] .library-thumbnail{align-self:stretch;aspect-ratio:auto;height:100%;min-height:84px;border:0;border-right:1px solid #d6e9df}
.library-items[data-view=list] .library-card-body{padding:10px 12px}
.library-items[data-view=list] .library-state,.library-items[data-view=list] .library-transcript{display:none}
.library-items[data-view=list] .library-card-actions{margin-top:7px}
.library-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.library-current{font-size:9px;color:var(--accent);background:#eef9f3;border:1px solid #d3eee1;border-radius:4px;padding:2px 5px;white-space:nowrap}
.library-card-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.library-rename{font-size:11px;padding:6px 8px;color:#648b77;background:transparent;border-color:transparent}
.library-rename:hover{background:#f0f7f3;border-color:#d6e9df}
.library-connect{font-size:10px;padding:5px 6px;color:#5b7e6c;background:transparent;border-color:transparent}
.library-connect:hover{background:#eef9f3;color:var(--accent)}
.library-card-actions .library-open,.library-card-actions .library-rename{font-size:10px;padding:5px 7px}
.library-import{margin-top:12px;border:1px solid #d6e9df;border-radius:6px;background:#fff}
.library-import>summary{padding:12px 16px;font-size:12px;color:var(--accent);cursor:pointer;list-style:none}
.library-import>summary::-webkit-details-marker{display:none}
.library-import>summary::after{content:'⌄';float:right;color:#749b87}
.library-import[open]>summary::after{content:'⌃'}
.library-import>.import-panel{border:0;border-top:1px solid #e6ede9;border-radius:0 0 6px 6px;padding:16px}
.library-state{display:block;font-size:10px;color:#7a9f8c;margin:9px 0}
.library-open{font-size:11px;padding:6px 10px;background:#eef9f3;border:1px solid #c9ead9;color:var(--accent)}
.import-panel{background:#fff;border:1px solid #d6e9df;border-radius:6px;padding:20px;min-width:0}
.import-panel h3{margin:0 0 8px;font-size:18px;letter-spacing:-.3px}
.import-panel p{font-size:11px;line-height:1.7;color:#688f7b;margin:0 0 15px}
.import-panel form{display:block}
#interview-form>label,#interview-form details label{display:block;font-size:11px;color:#577867;margin:12px 0 6px}
#interview-name,#interview-offset{display:block;position:static;width:100%;margin:0;padding:8px 10px;border:1px solid #c7e2d4;background:#fff;color:#295840;font-size:12px}
#interview-form .file-picker{display:block;margin-top:18px;padding:10px 12px;border:1px dashed #b6dfca;background:#f4fbf7;border-radius:5px;color:#428c66;font-size:12px;cursor:pointer}
.file-picker:focus-within{outline:2px solid var(--accent);outline-offset:2px}
#interview-form .form-note{font-size:10px;white-space:normal;overflow-wrap:anywhere;margin:5px 0}
.import-timing{margin:18px 0}
.import-timing summary{font-size:11px;color:#69907c;cursor:pointer}
.import-timing p{margin-top:7px}
#interview-create{font-size:12px;padding:9px 13px;background:var(--accent);border-color:var(--accent);color:#fff}
#interview-form #interview-error{color:#9a4343;margin-top:12px}
#interview-form .library-privacy{font-size:10px;color:#7ba08d;margin:12px 0 0}
@media(max-height:700px) and (min-width:801px){.preview-station video{height:110px}.preview-station{padding:6px 8px;gap:4px}}
@media(max-width:800px){body{padding:6px}#library-page{padding:18px;overflow:visible}.library-layout{grid-template-columns:1fr;gap:20px}.library-header{align-items:start}.preview-station video{height:140px}}
@media(max-width:480px){.preview-station video{height:120px;aspect-ratio:auto}.library-header{flex-wrap:wrap}#library-page{padding:14px}.import-panel{padding:15px}.library-project-tools>span{width:100%;margin:4px 0 0}.library-items[data-view=list] .library-interview,.library-items[data-view=list] .library-cut{grid-template-columns:76px minmax(0,1fr)}.library-items[data-view=list] .library-card-body{padding:9px}.library-items[data-view=list] .thumbnail-placeholder{font-size:9px;text-align:center;padding:4px}}

/* A single slim project header stays visible on the desk and in the library. */
.workspace-bar{display:flex;align-items:center;gap:8px;height:34px;min-height:34px;flex-shrink:0;margin:0;padding:2px 5px;background:#f9faf9;border:1px solid var(--line);border-radius:5px}
.workspace-bar h1{flex:1;min-width:0;max-width:none;margin:0;font-size:13px;line-height:1.4;letter-spacing:-.15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#394f44}
.workspace-bar #menu-toggle{width:26px;height:26px;border-color:transparent;font-size:14px}
/* Project navigation and a profile footer that stays at the bottom. */
#workspace-menu[open]{display:flex;flex-direction:column;overflow:hidden}
.drawer-heading{flex:none}
.drawer-body{flex:1;min-height:0;overflow:auto}
.drawer-project,.drawer-user{display:flex;align-items:center;gap:10px;width:100%;text-align:left;color:#486355}
.drawer-project{padding:12px 10px;margin-bottom:18px;background:#eef9f3;border:1px solid #d4ede0;border-radius:6px}
.drawer-project>span:nth-child(2),.drawer-user>span:nth-child(2){flex:1;min-width:0}
.drawer-project strong,.drawer-user strong{display:block;font-size:12px;line-height:1.5}
.drawer-project small,.drawer-user small{display:block;font-size:10px;font-weight:normal;color:#739583;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.drawer-project-icon{font-size:25px;color:var(--accent)}
.drawer-user{flex:none;margin-top:16px;padding:13px 2px 0;border:0;border-top:1px solid #dce5e0;border-radius:0;background:transparent}
.drawer-user:hover{color:var(--accent);background:transparent}
.user-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:50%;background:#e3f5ec;color:#4d9570;font-size:13px}
.manager-page{flex:1;min-height:0;overflow:auto;background:#f9faf9;border:1px solid #d2ded8;border-radius:6px;padding:24px}
.manager-page .library-header button{font-size:11px;white-space:nowrap}
.manager-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0}
.manager-intro p,.manager-note{font-size:12px;line-height:1.7;color:#739583}
#new-project{background:#eef9f3;color:var(--accent);border-color:#c9ead9;white-space:nowrap;font-size:12px}
.project-grid,.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;max-width:1100px}
.project-card,.profile-card{padding:20px;border:1px solid #d6e9df;border-radius:7px;background:#fff;min-width:0}
.project-card h3,.profile-card h3{font-size:18px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.project-card p,.profile-card p{font-size:12px;line-height:1.8;color:#739583;margin:8px 0 16px}
.profile-card label{display:block;font-size:12px;margin-bottom:6px}
.profile-card input{width:100%;max-width:350px;display:block;margin-bottom:14px}
.profile-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.manager-note{margin-top:24px}
#project-dialog{width:min(420px,calc(100vw - 32px))}
#project-dialog input{width:100%;margin-top:8px}
#project-error{color:#9a4c46;font-size:12px}
@media(max-width:480px){.manager-page{padding:14px}.manager-intro{align-items:flex-start;flex-direction:column}.manager-page .library-header{flex-wrap:wrap}.project-card,.profile-card{padding:16px}}
.default-avatar{position:relative}
.default-avatar::before{content:'';position:absolute;width:8px;height:8px;border:1.5px solid currentColor;border-radius:50%;top:7px}
.default-avatar::after{content:'';position:absolute;width:16px;height:8px;border:1.5px solid currentColor;border-bottom:0;border-radius:9px 9px 0 0;bottom:7px}
.drawer-user strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
#project-dialog input{margin-left:0}
#shared-save-status{margin-left:auto;font-size:10px;color:#638975;white-space:nowrap}
#save-shared{font-size:10px;padding:4px 7px;white-space:nowrap}
#admin-back{font-size:11px}
.admin-account{display:flex;align-items:center;gap:12px;margin:20px 0;padding:16px;background:#fff;border:1px solid #d6e9df;border-radius:7px;max-width:1100px}
.admin-account>div{flex:1;min-width:0}.admin-account strong,.admin-account>div>span{display:block;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.admin-account>div>span{color:#739583}
.admin-notice{max-width:1100px;background:#eef9f3;border:1px solid #d4ede0;padding:12px 16px;border-radius:6px;font-size:12px;line-height:1.7;color:#577967}
.admin-project-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0;font-size:12px}.admin-project-bar select{max-width:350px;min-width:150px;padding:8px;border:1px solid #d6e9df;border-radius:5px;background:#fff;color:#486355}
#invitation-form{display:block;margin-top:20px}#invite-role{display:block;width:100%;margin:0 0 16px;padding:9px;border:1px solid #d6e9df;border-radius:5px;background:#fff;color:#486355;font-size:12px}
#invite-status{margin-bottom:0}#admin-status{font-size:12px;color:#638975;margin-top:20px}
.join-steps{padding-left:18px;font-size:12px;color:#638975;line-height:2.2}
.admin-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1100px;margin-top:16px}
.person-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #e1efe8;padding:14px 0;font-size:12px}.person-row>div{flex:1;min-width:160px}.person-row strong,.person-row small{display:block;letter-spacing:0;font-size:11px;overflow-wrap:anywhere}.person-row small{font-weight:normal;color:#739583;margin-top:4px}.person-row input{width:100%}
#shared-projects-section{margin-top:26px}#shared-projects-section>h3{font-size:14px;margin-bottom:12px}
#share-dialog input{width:auto;margin-right:6px}.share-consent{display:flex;align-items:center;gap:6px}
@media(max-width:600px){.admin-people-grid{grid-template-columns:1fr}.admin-account{flex-wrap:wrap}.admin-project-bar select{max-width:100%;width:100%}#shared-save-status{display:none}#save-shared{max-width:130px;white-space:normal}}
body.join-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;height:auto;padding:24px}
.join-card{display:block;width:min(440px,100%);padding:30px;background:#fff;border:1px solid #d6e9df;border-radius:10px;box-shadow:0 8px 30px #1b48310a}
.join-card h1{font-size:26px;margin:14px 0;letter-spacing:-.7px}.join-card p{font-size:13px;line-height:1.8;color:#638975;overflow-wrap:anywhere}.join-back{display:block;font-size:12px;margin-top:20px;color:#638975}.join-note{font-size:11px!important;margin-top:26px;border-top:1px solid #e1efe8;padding-top:14px}
.admin-media{max-width:1100px;margin-top:16px}.admin-media>p{margin-bottom:8px}
.manager-local-label{margin-bottom:12px}
/* Compact library actions and task dialogs share the workspace palette. */
#recover-draft{font-size:10px;padding:4px 7px;white-space:nowrap}
.manager-library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.manager-library-heading .manager-local-label{margin:0}
.manager-library-heading button,#cuts-archived{font-size:11px;padding:6px 9px}
#cuts-archived[aria-pressed="true"],#projects-archived[aria-pressed="true"]{background:#e9f6ef;color:var(--accent)}
#project-search-dialog{width:min(680px,calc(100vw - 24px))}
#project-search-query{display:block;width:100%;margin:8px 0;font-size:13px}
#project-search-results{max-height:52dvh;overflow:auto;border-top:1px solid #d6e9df}
.project-search-result{display:block;width:100%;padding:10px 12px;border:0;border-bottom:1px solid #d6e9df;border-radius:0;background:#fff;text-align:left;white-space:normal}
.project-search-result small,.project-search-result span{display:block;overflow-wrap:anywhere}
.project-search-result small{font-size:10px;color:#638975;margin-bottom:4px}
.project-search-result span{font-size:13px;line-height:1.6;font-weight:400}
.project-search-result:hover{background:#eef9f3}
#project-search-status,#xml-report,#xml-error,#recovery-error{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
#xml-dialog p,#xml-dialog details{font-size:12px;line-height:1.65;color:#638975}
#recovery-json{display:block;width:100%;font:11px/1.5 ui-monospace,monospace;min-height:180px;max-height:38dvh;margin:8px 0;resize:vertical}
#recovery-json[hidden]{display:none}
#recovery-dialog{width:min(580px,calc(100vw - 24px));max-height:90dvh;overflow:auto}
#recovery-summary{font-size:13px;line-height:1.65}
#recovery-dialog .actions,#xml-dialog .actions{display:flex;flex-wrap:wrap;gap:8px}
#upload-progress{width:100%;height:8px;accent-color:var(--accent)}
#upload-detail{font-size:11px}
button:focus-visible,.project-search-result:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:480px){.library-project-tools{gap:6px}.library-project-tools>button,.library-project-tools>label{font-size:11px;padding:6px 8px}.library-heading-actions{flex-wrap:wrap}.manager-library-heading{flex-wrap:wrap}#recover-draft{max-width:70px}}
/* Raw material and editorial cuts share a compact, clearly divided library. */
.library-layout{gap:0;max-width:1400px}
.library-column{padding:0 20px 0 0}
.library-column+.library-column{border-left:1px solid #d8e3dd;padding:0 0 0 20px}
.library-header{padding-bottom:10px;margin-bottom:10px}.library-header h2{font-size:20px}
.library-project-tools{margin-bottom:18px}.library-column-heading{margin-bottom:4px}
.library-label{font-size:15px;color:#3c5247;letter-spacing:-.2px}
.library-side-description{font-size:10px;color:#759785;margin:0 0 14px;line-height:1.5}
#import-open,#xml-open{font-size:11px;padding:5px 9px;color:var(--accent);background:#eef9f3;border-color:#c9ead9}
.library-items[data-view=list]{gap:5px}
.library-items[data-view=list] .library-interview,.library-items[data-view=list] .library-cut{grid-template-columns:60px minmax(0,1fr);min-height:60px}
.library-items[data-view=list] .library-thumbnail{min-height:60px;width:60px;height:100%}
.library-items[data-view=list] .library-card-body{padding:5px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:center}
.library-items[data-view=list] .library-card-heading{grid-column:1;align-self:end}
.library-items[data-view=list] h4{font-size:12px;line-height:1.25;margin:0}
.library-items[data-view=list] .library-meta{grid-column:1;margin:1px 0;font-size:10px;line-height:1.3}
.library-items[data-view=list] .library-file,.library-items[data-view=list] .library-transcript{display:none}
.library-items[data-view=list] .library-state{grid-column:1;font-size:9px;margin:0;line-height:1.2}
.library-items[data-view=list] .library-card-actions{grid-column:2;grid-row:1/3;margin:0;gap:2px;justify-content:flex-end;max-width:205px}
.library-items[data-view=list] .library-card-actions button{font-size:9px;padding:4px 5px;line-height:1.2}
.library-items[data-view=list] .library-current{font-size:8px;padding:1px 3px}
.library-items[data-view=list] .thumbnail-placeholder{font-size:0;gap:0}.library-items[data-view=list] .thumbnail-placeholder::before{font-size:17px}
#import-dialog{width:min(680px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:18px}
.import-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.import-dialog-heading h2{font-size:20px;margin:0}.import-dialog-heading button{border:0;background:transparent;font-size:22px;padding:0 5px}
#import-dialog .import-panel{padding:0;border:0}#import-dialog .import-panel h3{font-size:14px}
#import-dialog #local-pair-recovery,#import-dialog .import-uploads{border-top:1px solid #d6e9df;margin-top:18px;padding-top:12px}
#import-dialog h3{font-size:13px;margin:0 0 6px}#import-dialog p,#import-dialog details{font-size:11px;color:#69907c;line-height:1.6}
.paired-restore-row,.paired-upload-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #e8efeb;flex-wrap:wrap;font-size:11px}
.paired-restore-row>span,.paired-upload-row>strong{flex:1;min-width:100px}.paired-upload-row small{color:#739583}
@media(max-width:800px){.library-column{padding:0}.library-column+.library-column{border-left:0;border-top:1px solid #d8e3dd;padding:16px 0 0}.library-layout{gap:18px}}
@media(max-width:480px){.library-items[data-view=list] .library-card-body{column-gap:4px}.library-items[data-view=list] .library-card-actions{max-width:105px}.library-items[data-view=list] .library-cut{min-height:72px}.library-heading-actions{gap:4px}.library-side-description{margin-bottom:10px}}

/* Clear selectors and quiet player surrounds preserve the compact title-led desk. */
.station-kicker{font-size:8px;font-weight:650;letter-spacing:.08em;line-height:1.25;color:#648272}
.station-selector{display:flex;align-items:center;gap:10px;min-width:0;margin-top:4px}
.station-selector select{flex:0 1 50%;width:50%;min-width:0;border:1px solid #d1ddd7;background:#fff;padding:4px 7px;border-radius:4px;font-size:13px;font-weight:600;min-height:28px;cursor:pointer}
.station-selector label{font-size:11px;letter-spacing:0;color:#618773;white-space:nowrap;cursor:pointer;margin:0}
.preview-station video{background:#dee7e2;border-color:#cfdcd5}
#desk-xml-open{font-size:11px;padding:5px 10px;background:#eef9f3;color:var(--accent);border-color:#c7ead8;white-space:nowrap}
#studio-reader .heading{gap:6px}#studio-reader .heading input{flex:1;min-width:50px;width:auto;margin-left:auto}#studio-reader .heading button{flex:none;font-size:10px;padding:5px 7px;white-space:nowrap}
#source-pane .heading{flex-wrap:wrap}.transcript-actions{display:flex;flex:none;gap:6px}
#replace-dialog{width:min(680px,calc(100vw - 24px));max-height:90dvh;overflow:auto}
.replace-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.replace-header h2{margin:0}.replace-header button{padding:0 5px;border:0;background:transparent;font-size:22px}
#replace-scope{margin:0 0 10px}.replace-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.replace-fields label{margin:0;font-size:11px}.replace-fields input{display:block;width:100%;margin:5px 0 0;font-size:13px;padding:8px}
#replace-dialog .replace-case{display:flex;align-items:center;gap:6px;font-size:11px}#replace-case{width:auto;margin:0;accent-color:var(--accent)}
#replace-preview{max-height:35dvh;overflow:auto;border-top:1px solid #d8ede2}.replace-preview-row{padding:8px 0;border-bottom:1px solid #e0efe7}.replace-preview-row small{font-size:10px;color:#668b78;letter-spacing:0}.replace-preview-row p{font-size:12px;line-height:1.5;margin:4px 0;overflow-wrap:anywhere}.replace-preview-row .replace-before{color:#678977}.replace-preview-row .replace-after{color:var(--accent)}
#replace-dialog .actions{display:flex;flex-wrap:wrap;gap:8px}#replace-error{color:#a74340}#replace-apply{color:#fff;background:var(--accent);border-color:var(--accent)}
@media(max-width:480px){.replace-fields{grid-template-columns:1fr}.workspace-bar #desk-xml-open{font-size:10px;padding:4px 6px}.station-selector{gap:8px}.station-selector label{font-size:10px}#studio-reader .heading h2{font-size:13px}#studio-reader .heading input{font-size:10px}}

.station-video-frame{position:relative;width:100%;height:clamp(100px,17dvh,164px);overflow:hidden;background:#dee7e2;border:1px solid #cfdcd5;border-radius:4px}
.station-video-frame video{height:100%;border:0;border-radius:0}.station-video-frame video:not([src]){visibility:hidden}
.player-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#678e7a;font-size:11px;pointer-events:none}
.station-video-frame:has(video[src]) .player-empty{display:none}
@media(max-height:700px) and (min-width:801px){.station-video-frame{height:110px}}
@media(max-width:800px){.station-video-frame{height:140px}}
@media(max-width:480px){.station-video-frame{height:120px}}

/* A little breathing room, while preserving the compact reading desk. */
.workspace-bar{height:42px;min-height:42px;padding:4px 8px;gap:10px}
.workspace-bar .workspace-project{display:block;flex:1;min-width:0}.current-project-label{display:block;font-size:8px;line-height:1.2;color:#719683;letter-spacing:.08em;text-transform:uppercase}
.workspace-bar .workspace-project h1{font-size:13px;line-height:1.5}
.workspace-mode{font-size:10px;color:#789a88;white-space:nowrap}
.workspace-bar #menu-toggle{width:32px;height:32px;font-size:18px}
#desk-xml-open{padding:8px 12px;min-height:30px}
#studio-reader .reading-tools,#studio-reader .assembly>.actions{height:auto;min-height:40px;padding:5px 0 9px;margin:0 0 7px;border-bottom:1px solid #dce5e0;align-items:center}
.station-hint{font-size:11px;font-weight:normal;color:#688d7a;line-height:1.4;cursor:default}
#drawer-project-stats{white-space:normal;font-size:9px;line-height:1.6;letter-spacing:0;margin-top:6px}
#drawer-project-name{font-size:12px;color:#346c4f;font-weight:600;line-height:1.5}
.projects-layout .project-grid{grid-template-columns:1fr;gap:12px}
.project-card{padding:16px}.project-card h4{font-size:16px;line-height:1.4;margin:0;color:#394f44;overflow-wrap:anywhere}
.project-metrics{display:block;margin-top:12px;font-size:10px;font-weight:normal;letter-spacing:0;color:#789a88}
#share-project{margin-bottom:14px;font-size:11px}
@media(max-width:480px){.workspace-mode{display:none}.workspace-bar{gap:6px;padding:4px 6px}.workspace-bar #desk-xml-open{padding:7px 10px}.station-hint{font-size:10px}.workspace-bar #shared-save-status{font-size:9px}}

/* Account administration is inline; export is available in every view. */
.workspace-bar{height:auto;min-height:44px;flex-wrap:wrap}
.workspace-bar .global-export{display:flex;align-items:center;gap:8px;flex:none}
.global-export>label{font-size:10px;color:#698d7a;white-space:nowrap}
.global-export select{width:150px;max-width:24vw;min-height:30px;padding:5px 8px;font:11px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;border:1px solid #cddad3;border-radius:5px;color:#394f44}
.people-panel{margin-top:20px;padding:20px;border:1px solid #d6e9df;border-radius:7px;background:#fff;max-width:1100px}
.people-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}
.people-heading h3{margin:0;font-size:18px}.people-heading p{font-size:11px;color:#739583;margin:5px 0 0}
.people-panel .profile-card h4{font-size:16px;line-height:1.5;margin:0}
.people-panel .profile-grid,.people-panel .admin-people-grid{max-width:none}
#people-availability{font-size:12px;color:#577867;line-height:1.7;margin:8px 0}
#people-availability:empty{display:none}#people-setup-actions{margin:12px 0 18px}
#new-online-project{font-size:11px}
@media(max-width:800px){.workspace-bar .workspace-project{flex:1;min-width:100px}.workspace-bar .global-export{margin-left:auto}.global-export select{max-width:none;width:140px}}
@media(max-width:480px){.workspace-bar .global-export{width:100%;margin-left:0;justify-content:flex-end;border-top:1px solid #dce5e0;padding-top:5px}.global-export select{flex:1;width:auto;min-width:0}.global-export>label{margin-right:auto}.people-panel{padding:14px;margin-top:16px}.people-panel .admin-project-bar{flex-wrap:wrap}}

/* Quiet, title-led invitation landing page. Brand artwork can replace the wordmark. */
body.join-page{background:#eef3f0;padding:36px;overflow:auto;height:auto;min-height:100dvh}
.join-shell{display:grid;grid-template-columns:1.15fr 1fr;width:min(920px,100%);background:#fbfdfc;border:1px solid #d8e2dd;border-radius:16px;overflow:hidden;box-shadow:0 12px 45px #27543d10}
.join-intro{padding:48px 42px;background:#f5f8f6}.join-brand{font-size:24px;font-weight:750;letter-spacing:-.8px;color:#264836}.join-brand span{font-weight:450;color:#6d8e7d}
.join-eyebrow{font-size:9px;font-weight:650;letter-spacing:.13em;color:#719884;margin:36px 0 15px}.join-intro h1{font-size:38px;letter-spacing:-1.25px;line-height:1.14;margin:0 0 24px;color:#284b39;font-weight:650}.join-description{font-size:14px;line-height:1.9;color:#658876;max-width:380px}
.join-features{list-style:none;padding:0;margin:30px 0 0;font-size:12px;line-height:2.6;color:#547564}.join-features span{color:#89aa99;margin-right:12px;font-size:10px}
.join-shell .join-card{width:auto;border:0;border-left:1px solid #dee7e2;border-radius:0;box-shadow:none;padding:58px 38px;align-self:stretch;background:#fff}
.join-access-label{font-size:9px;font-weight:650;letter-spacing:.13em;color:#739a86}.join-card h2{font-size:27px;letter-spacing:-.7px;margin:16px 0;color:#31433a;font-weight:650}.join-card #join-message{font-size:14px;line-height:1.85;min-height:80px;margin-bottom:24px}
.join-card .join-project{padding:12px 14px;border:1px solid #d9f0e4;border-radius:7px;background:#f5fbf8;font-size:15px;color:#346b4f;font-weight:600}.join-card .join-account{font-size:11px;color:#7a9a89;margin:8px 0 24px}.join-actions .button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 16px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:13px;border-radius:7px}.join-actions .button:hover{background:var(--accent)}.join-card .join-note{margin-top:25px;padding-top:18px;font-size:11px!important}.join-card .join-back{font-size:11px;text-decoration:none;color:#668c78}
.storage-panel{margin-top:20px;padding:20px;border:1px solid #d6e9df;border-radius:7px;background:#fff;max-width:1100px}.storage-panel h3{font-size:18px;margin:0}.storage-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.storage-totals>div{background:#f5faf7;border-radius:7px;padding:18px}.storage-totals span,.storage-totals small{display:block;font-size:11px;color:#749885}.storage-totals strong{display:block;font-size:26px;font-weight:600;color:#33674c;margin:8px 0}.storage-project-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e5ede9;font-size:12px}.storage-project-row span{font-size:11px;color:#789a88;text-align:right}.storage-panel #storage-status{font-size:11px;color:#6a927d}
@media(max-width:700px){body.join-page{padding:18px}.join-shell{grid-template-columns:1fr}.join-intro{padding:28px}.join-eyebrow{margin-top:24px}.join-intro h1{font-size:30px}.join-features{margin-top:18px}.join-shell .join-card{border-left:0;border-top:1px solid #dee7e2;padding:30px 28px}.join-card #join-message{min-height:0}.storage-panel{padding:14px}.storage-project-row{align-items:flex-start}.storage-totals strong{font-size:22px}}

.join-brand{display:flex;align-items:center;gap:14px}.join-logo{display:block;position:relative;flex:0 0 58px;width:58px;height:58px;overflow:hidden}.join-logo img{position:absolute;width:98px;height:98px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}

/* Expand a complete station and reading pane without changing the project. */
.station-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.pane-expand{flex:none;width:26px;height:24px;padding:0;background:transparent;color:#638875;border:1px solid transparent;font-size:17px;line-height:1}.pane-expand:hover,.pane-expand[aria-pressed=true]{background:#e8f6ef;border-color:#c9ead9;color:var(--accent)}
body[data-focus=source] .preview-deck,body[data-focus=assembly] .preview-deck,body[data-focus=source] #studio-reader,body[data-focus=assembly] #studio-reader{grid-template-columns:minmax(0,1fr)}
body[data-focus=source] #source-pane,body[data-focus=assembly] #assembly-pane{grid-row:1}
body[data-focus=source] .preview-station video,body[data-focus=assembly] .preview-station video{height:clamp(140px,25dvh,260px)}
@media(max-width:800px){body[data-focus=source] #studio-reader,body[data-focus=assembly] #studio-reader{grid-template-rows:minmax(0,1fr)}}
.member-role-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.member-role-tools select{width:auto;max-width:140px;font-size:11px;min-height:30px}

/* Compact sequence actions and a readable export surface. */
.station-new{margin-left:auto;font-size:11px;padding:3px 7px;background:transparent;color:var(--accent);border-color:transparent}.station-new:hover{background:#e8f6ef}.station-heading .pane-expand{margin-left:0}
.sequence-export-dialog{width:min(620px,calc(100vw - 32px));max-height:90dvh;overflow:auto;padding:24px}.sequence-export-dialog h2{font-size:20px;margin:0}.sequence-export-dialog .replace-header{margin-bottom:8px}.sequence-export-dialog .form-note{font-size:12px;line-height:1.6;color:#6a927d}.export-rate-label{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:16px;font-size:12px;margin:20px 0 16px}.export-rate-label select{font-size:12px;margin:0}.export-primary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:var(--accent);border-color:var(--accent);color:#fff}.export-primary span{font-size:11px;font-weight:400;opacity:.9}.export-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.export-formats button{text-align:left;padding:12px;font-size:12px;background:#fff}.export-formats small{display:block;color:#6a927d;font-size:10px;font-weight:400;margin-top:5px}.export-settings{border-top:1px solid #dee7e2;padding-top:16px;margin-top:20px}.export-settings summary{font-size:12px;color:#5c7e6c}.export-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-settings label{font-size:11px;display:block;color:#5c7e6c}.export-settings input,.export-settings select{margin:6px 0 0;font-size:12px}.export-settings fieldset{border:1px solid #dee7e2;border-radius:6px;padding:12px;margin:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-settings fieldset legend{font-size:12px;color:#33674c;padding:0 5px}.export-settings fieldset label:first-of-type{grid-column:1/-1}.export-settings .share-consent{display:flex;align-items:flex-start;margin-top:16px;gap:8px;line-height:1.6}.export-settings .share-consent input{margin-top:3px;flex:none}.sequence-export-dialog #xml-report{font-size:11px;line-height:1.6;color:#5c7e6c}
@media(max-width:500px){.sequence-export-dialog{padding:16px}.export-rate-label{grid-template-columns:1fr;gap:8px}.export-formats{grid-template-columns:1fr}.export-field-grid,.export-settings fieldset{grid-template-columns:1fr}.station-new{font-size:10px}}
.sequence-export-dialog select,.sequence-export-dialog input[type=number],.sequence-export-dialog input[type=text]{box-sizing:border-box;width:100%;min-width:0;min-height:34px;border:1px solid #cfddd6;border-radius:6px;padding:6px 9px;background:#fff;color:#33674c;font-family:inherit}.sequence-export-dialog select:focus-visible,.sequence-export-dialog input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.export-profile-panel{background:var(--panel,#f7fbf9);border:1px solid var(--line,#e0e8e4);border-radius:8px;padding:16px;margin:16px 0}.export-profile-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.export-profile-heading label{flex:1}.export-profile-heading p{font-size:11px;text-align:right;margin:0;color:var(--muted,#668a77)}#export-profile-save{font-size:12px}#export-sources fieldset{margin-bottom:12px}#export-sources legend{padding:0 4px}.sequence-export-dialog select:disabled{opacity:.7}@media(max-width:500px){.export-profile-heading{display:block}.export-profile-heading p{text-align:left;margin-top:8px}}

.sequence-export-dialog .form-note{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.export-profile-panel label{margin:0;font-size:12px;line-height:1.5}.export-profile-panel select{margin-top:4px;font-size:12px}.export-profile-panel .export-field-grid{gap:12px}.export-profile-heading{margin-bottom:12px}.export-profile-panel .form-note{font-size:11px!important;margin:10px 0}.export-all small{font-size:11px;font-weight:400}.export-profile-heading p{flex:0 1 120px;overflow-wrap:anywhere}#xml-heading:focus{outline:none}

.sequence-export-dialog .export-primary small{color:inherit;opacity:.9}

.version-dialog{width:min(900px,calc(100vw - 32px));max-height:85vh;overflow:auto}.version-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.3fr);gap:20px}.version-list{display:grid;gap:6px;max-height:45vh;overflow:auto}.version-row{text-align:left;font-size:12px;padding:10px}.version-preview{white-space:pre-wrap;font-size:13px;line-height:1.65;max-height:34vh;overflow:auto;margin:14px 0;padding:14px;background:#f4f7f5;border:1px solid #dce5e0;border-radius:8px}#version-error{color:#a93030}#version-detail select{width:100%}@media(max-width:680px){.version-layout{grid-template-columns:1fr}.version-list{max-height:24vh}}
[data-online="1"] #workspace-root{display:none}
[data-online="1"] body[data-entry="ready"] #workspace-root{display:contents}
[data-online="1"] body:not([data-entry="ready"]) #online-entry{display:grid}
.online-entry{min-height:100dvh;place-items:center;padding:24px}
.entry-card{width:min(100%,420px);padding:32px;background:white;border:1px solid var(--border,#d7e2dc);border-radius:10px;text-align:center}
.entry-card img{object-fit:cover;object-position:center;display:block;margin:0 auto 16px}
.entry-card h1{font-size:24px;margin:0 0 12px}
.entry-card p{margin:0 0 20px;line-height:1.5}
[data-online="1"] .projects-layout{grid-template-columns:1fr}
[data-online="1"] #profile-form,[data-online="1"] #browser-projects,[data-online="1"] #project-backup-note{display:none}

/* Compact source text export options. */
.transcript-export-dialog{width:min(420px,calc(100vw - 24px));max-height:90dvh;overflow:auto}.transcript-export-dialog h2{font-size:18px;margin:0}.transcript-export-summary{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.transcript-export-options{border:0;padding:0;margin:16px 0;display:grid;gap:6px}.transcript-export-options legend{font-size:11px;color:var(--muted);margin-bottom:8px}.transcript-export-options label{display:flex;align-items:center;gap:8px;padding:8px;margin:0;font-size:13px;background:var(--panel,#f7fbf9);border:1px solid var(--line);border-radius:6px}.transcript-export-dialog .transcript-export-options input{width:auto;margin:0;accent-color:var(--accent)}.transcript-export-dialog .form-note{white-space:normal;overflow:visible;text-overflow:clip;font-size:11px}.transcript-export-dialog .actions{margin-bottom:0}.transcript-export-dialog .actions button{font-size:12px}#transcript-export-download{color:#fff;background:var(--accent);border-color:var(--accent)}#transcript-export-error{color:#a74340;font-size:12px;overflow-wrap:anywhere}

#interview-rename-dialog{width:min(420px,calc(100vw - 24px))}#interview-rename-dialog h2{font-size:18px;margin:0 0 14px}#interview-rename-dialog label{font-size:12px}#interview-rename-name{display:block;width:100%;margin:6px 0 12px;font-size:14px}#interview-rename-dialog .form-note{white-space:normal;overflow:visible;text-overflow:clip;font-size:11px}#interview-rename-error{color:#a74340;font-size:12px}#interview-rename-dialog .actions{margin-bottom:0}