/* 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 #d1d9e3;border-radius:4px;color:#52657d;font-size:15px}
#menu-toggle:hover{background:#e5edf7;color:#2768b8}
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 #c7d1df;border-radius:0;background:#f8f9fb;box-shadow:8px 0 30px #172d4c22;overflow-y:auto}
#workspace-menu::backdrop{background:#1e30483b}
.drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:10px;letter-spacing:.13em;color:#657386}
#menu-close{background:transparent;border:0;font-size:22px;padding:0;width:26px;height:26px;color:#62738a}
#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:#3e526d;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:#e5edf7;color:#2768b8}
#workspace-menu #status{background:#edf3fa;border:1px solid #d4e0ed;color:#4c6584;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:#738195;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 #172d4c22;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:#f8f9fb;border:1px solid #d0d7e0;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 #d9e0e8;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:#748195}
#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:#78869a}
.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:#52657d;margin:0}
.library-label>span{font-size:10px;font-weight:normal;background:#e8edf3;padding:2px 6px;border-radius:4px;margin-left:5px;color:#697b93}
#new-cut{font-size:11px;padding:5px 9px;color:#2768b8;background:#edf3fa;border-color:#c8d8eb}
.library-heading-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.library-view-toggle{display:flex;gap:1px;border:1px solid #d6dfe9;background:#edf0f4;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:#5e7086;white-space:nowrap}
.library-view-toggle button[aria-pressed=true]{background:#fff;color:#2768b8;box-shadow:0 1px 2px #203c5f14}
.library-view-toggle button:focus-visible{outline:2px solid #2768b8;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 #d6dfe9;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:#687a91}
.library-interview .library-transcript{font-size:10px;color:#73859b}
.library-items[data-view=gallery] .library-transcript{display:none}
.library-file{overflow-wrap:anywhere;color:#52657d!important}
.library-thumbnail{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;margin:0;padding:0;background:#e6ebf1;border:0;border-bottom:1px solid #d6dfe9;border-radius:0;color:#66798f;overflow:hidden;cursor:pointer}
.library-thumbnail:hover{background:#dee6ef}
.library-thumbnail:focus-visible{outline:2px solid #2768b8;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:#8697ab}
.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 #d6dfe9}
.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:#2768b8;background:#edf3fa;border:1px solid #d3e0ef;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:#63758c;background:transparent;border-color:transparent}
.library-rename:hover{background:#f0f3f7;border-color:#d6dfe9}
.library-connect{font-size:10px;padding:5px 6px;color:#526a87;background:transparent;border-color:transparent}
.library-connect:hover{background:#edf3fa;color:#2768b8}
.library-card-actions .library-open,.library-card-actions .library-rename{font-size:10px;padding:5px 7px}
.library-import{margin-top:12px;border:1px solid #d6dfe9;border-radius:6px;background:#fff}
.library-import>summary{padding:12px 16px;font-size:12px;color:#2768b8;cursor:pointer;list-style:none}
.library-import>summary::-webkit-details-marker{display:none}
.library-import>summary::after{content:'⌄';float:right;color:#73859c}
.library-import[open]>summary::after{content:'⌃'}
.library-import>.import-panel{border:0;border-top:1px solid #e4e9ef;border-radius:0 0 6px 6px;padding:16px}
.library-state{display:block;font-size:10px;color:#7a8a9f;margin:9px 0}
.library-open{font-size:11px;padding:6px 10px;background:#edf3fa;border:1px solid #c8d8eb;color:#2768b8}
.import-panel{background:#fff;border:1px solid #d6dfe9;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:#677a90;margin:0 0 15px}
.import-panel form{display:block}
#interview-form>label,#interview-form details label{display:block;font-size:11px;color:#52657d;margin:12px 0 6px}
#interview-name,#interview-offset{display:block;position:static;width:100%;margin:0;padding:8px 10px;border:1px solid #c7d3e2;background:#fff;color:#293f58;font-size:12px}
#interview-form .file-picker{display:block;margin-top:18px;padding:10px 12px;border:1px dashed #b6c9df;background:#f4f7fb;border-radius:5px;color:#42648c;font-size:12px;cursor:pointer}
.file-picker:focus-within{outline:2px solid #2768b8;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:#667b93;cursor:pointer}
.import-timing p{margin-top:7px}
#interview-create{font-size:12px;padding:9px 13px;background:#2768b8;border-color:#2768b8;color:#fff}
#interview-form #interview-error{color:#9a4343;margin-top:12px}
#interview-form .library-privacy{font-size:10px;color:#7b8ba0;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:#f8f9fb;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:#344254}
.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:#3e526d}
.drawer-project{padding:12px 10px;margin-bottom:18px;background:#edf3fa;border:1px solid #d4e0ed;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:#738195;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.drawer-project-icon{font-size:25px;color:#2768b8}
.drawer-user{flex:none;margin-top:16px;padding:13px 2px 0;border:0;border-top:1px solid #d9e0e8;border-radius:0;background:transparent}
.drawer-user:hover{color:#2768b8;background:transparent}
.user-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:50%;background:#e3ebf5;color:#4d6c95;font-size:13px}
.manager-page{flex:1;min-height:0;overflow:auto;background:#f8f9fb;border:1px solid #d0d7e0;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:#738195}
#new-project{background:#edf3fa;color:#2768b8;border-color:#c8d8eb;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 #d6dfe9;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:#738195;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:#62738a;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 #d6dfe9;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:#738195}
.admin-notice{max-width:1100px;background:#edf3fa;border:1px solid #d4e0ed;padding:12px 16px;border-radius:6px;font-size:12px;line-height:1.7;color:#4c6584}
.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 #d6dfe9;border-radius:5px;background:#fff;color:#3e526d}
#invitation-form{display:block;margin-top:20px}#invite-role{display:block;width:100%;margin:0 0 16px;padding:9px;border:1px solid #d6dfe9;border-radius:5px;background:#fff;color:#3e526d;font-size:12px}
#invite-status{margin-bottom:0}#admin-status{font-size:12px;color:#62738a;margin-top:20px}
.join-steps{padding-left:18px;font-size:12px;color:#62738a;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 #e1e7ef;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:#738195;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 #d6dfe9;border-radius:10px;box-shadow:0 8px 30px #172d4c0a}
.join-card h1{font-size:26px;margin:14px 0;letter-spacing:-.7px}.join-card p{font-size:13px;line-height:1.8;color:#62738a;overflow-wrap:anywhere}.join-back{display:block;font-size:12px;margin-top:20px;color:#62738a}.join-note{font-size:11px!important;margin-top:26px;border-top:1px solid #e1e7ef;padding-top:14px}
.admin-media{max-width:1100px;margin-top:16px}.admin-media>p{margin-bottom:8px}
.manager-local-label{margin-bottom:12px}