.workspace-navigation{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;padding:12px 0 24px;position:relative}.workspace-navigation button{background:transparent;color:var(--forest);border:1px solid var(--line);border-radius:999px;padding:11px 18px}.workspace-navigation button.active{background:var(--forest);color:var(--paper)}.library-welcome{padding:clamp(24px,5vw,48px);background:linear-gradient(120deg,var(--paper),#edf4eb)}.library-welcome h1{font:clamp(32px,5vw,52px)/1.08 Georgia,serif;letter-spacing:-.03em;margin:0 0 18px;color:var(--forest)}.library-welcome h1 em{font-weight:normal;color:#527466}.library-welcome>p:not(.eyebrow){max-width:520px;color:var(--muted);line-height:1.6}.library-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 30px}.overview-tile{display:flex;align-items:center;gap:14px;text-align:left;background:var(--paper);color:var(--forest);border:1px solid var(--line);padding:20px;border-radius:16px}.overview-tile strong{font-size:28px}.overview-tile span{font-size:13px}.recent-videos,.channel-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.neutral-video-card,.channel-tile{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;padding:22px;background:var(--paper);border:1px solid var(--line);color:var(--forest);border-radius:18px;min-width:0}.neutral-video-card strong{font-size:16px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.neutral-video-card span:not(.video-symbol),.neutral-video-card small,.channel-tile span{font-size:12px;color:var(--muted)}.video-symbol{font-size:25px;background:var(--mint);width:48px;height:40px;border-radius:10px;display:grid;place-items:center}.channel-tile strong{overflow-wrap:anywhere}.neutral-video-card:hover,.channel-tile:hover{border-color:var(--forest);box-shadow:0 5px 20px #17392c10}#app-view{scroll-margin-top:16px}#video-library .history-tools{flex-wrap:wrap}#video-import[hidden],#video-library[hidden],#video-home[hidden],#video-channels[hidden]{display:none!important}@media(max-width:620px){.recent-videos,.channel-directory{grid-template-columns:1fr}.library-overview{gap:7px}.overview-tile{flex-direction:column;align-items:flex-start;gap:3px;padding:14px}.workspace-navigation{gap:6px}.workspace-navigation button{padding:10px 12px;font-size:12px}.library-welcome{padding:24px}.recent-videos .neutral-video-card{padding:16px}}
 .library-thumbnail { width:100%; height:120px; object-fit:cover; border-radius:10px; }
 .video-detail-thumbnail { width:100%; max-height:230px; object-fit:contain; border-radius:12px; margin-bottom:12px; }
 .analyzer-navigation { padding:0 28px 16px; }
 .admin-section-navigation { display:flex; gap:8px; position:sticky; top:0; z-index:2; background:var(--paper); padding:12px 0; }
 .admin-section-navigation button { flex:1; }
 .admin-section-navigation button.active { background:var(--forest); color:white; }
 .admin-users { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:12px; }
 .admin-user { border:1px solid var(--line); border-radius:16px; padding:18px; flex-direction:column; align-items:stretch; }
 .admin-directory-avatar { width:44px; height:44px; border-radius:50%; overflow:hidden; margin-bottom:10px; background:var(--forest); color:var(--lime); display:grid; place-items:center; }
 .admin-directory-avatar img { width:100%; height:100%; object-fit:cover; }
 #admin-user-search { width:100%; padding:12px; border:1px solid var(--line); border-radius:10px; font:inherit; background:var(--paper); color:var(--forest); }
 .admin-section[hidden],.admin-profile[hidden],.admin-stats[hidden] { display:none!important; }
 .admin-analysis-search { width:100%; padding:12px; border:1px solid var(--line); border-radius:10px; background:var(--paper); color:var(--forest); font:inherit; }
 .admin-transcript-card { padding:14px; border:1px solid var(--line); border-radius:12px; margin:10px 0; }
 .admin-transcript-card summary { cursor:pointer; font-weight:650; }
 [data-admin-video][hidden] { display:none!important; }
 .admin-analysis-organization { display:flex; gap:10px; margin:12px 0; flex-wrap:wrap; }
 .admin-analysis-organization select { flex:1; min-width:130px; padding:10px; border:1px solid var(--line); border-radius:10px; background:var(--paper); font:inherit; }
 .admin-channel-group { border:1px solid var(--line); border-radius:14px; padding:14px; margin:10px 0; }
 .admin-channel-group>summary { cursor:pointer; font-weight:700; }
 .admin-channel-group[hidden],.admin-analysis-organization[hidden],.admin-analysis-search[hidden] { display:none!important; }
 .analyzer-switcher { display:flex; gap:8px; padding:0 28px 16px; position:sticky; top:0; background:var(--paper); z-index:3; }
 .analyzer-switcher button {flex:1;min-width:0;padding:12px 4px;}
 .analyzer-switcher button.active {background:var(--forest);color:white;}
 .transcription-settings {padding:14px;border:1px solid var(--line);border-radius:14px;}
 .transcription-settings summary {cursor:pointer;font-weight:700;}
 .transcription-settings[open] summary {margin-bottom:14px;}
 .analyzer-switcher { overflow-x:auto; }
 .analyzer-switcher button { flex:1 0 100px; }
 .video-information,.detection-tools {margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:12px;}
 .video-information summary,.detection-tools>summary {cursor:pointer;font-weight:650;}
 #results-dialog>.detection-tools {margin:18px 28px;}
 #all-events-panel>summary {display:none;}
 #all-events-panel {border:0;padding-top:0;}
 .analyzer-tool-navigation {position:static;padding-bottom:12px;}
 .analyzer-tool-navigation button {flex:0 1 auto;padding:9px 14px;}
 .analyzer-card h3 {margin-top:0;}
 .transcription-dialog [data-status] {font-size:13px;color:var(--muted);}
 .library-filters{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:14px 16px;margin:16px 0;}
 .library-filters>summary{cursor:pointer;font-weight:700;color:var(--forest);}
 .library-filters .history-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:16px 0;}
 .library-filters label{display:flex;flex-direction:column;gap:8px;font-size:12px;}
 .library-filters select,#favorite-kind{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--forest);font:inherit;}
 .library-filters .grouping-option{flex-direction:row;align-items:center;text-transform:none;letter-spacing:0;}
 #video-favorites .card{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
 #video-favorites .card h3,#video-favorites .card p{width:100%;margin:0;overflow-wrap:anywhere;}
 #video-library .section-head{flex-wrap:wrap;}
 @media(max-width:620px){#results-dialog>.detection-tools{margin-inline:16px;}.analyzer-tool-navigation{padding-inline:16px;}}
/* Shared shortcuts and removable filters keep advanced controls compact. */
.interface-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.interface-chips button{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:var(--paper);color:var(--forest);font:inherit;font-size:13px;cursor:pointer}.interface-chips button:focus-visible{outline:2px solid var(--forest);outline-offset:2px}#import-detection{padding:12px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}#detection-query{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit}
/* Native checkbox choices allow several filters without modifier keys. */
.filter-menu{flex:1;min-width:180px;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--paper);color:var(--forest)}.filter-menu summary{cursor:pointer;font-weight:700}.filter-choices{display:grid;gap:6px;padding-top:10px;max-height:280px;overflow:auto}.filter-choices label{display:flex;align-items:center;gap:9px;padding:7px;text-transform:none;letter-spacing:0;cursor:pointer;font-size:14px}.filter-choices input{width:18px;height:18px;accent-color:var(--forest)}.filter-choices label:focus-within{outline:2px solid var(--forest);border-radius:7px}.history-tools select[hidden]{display:none!important}
.retry-connection-dialog{max-width:540px;border:1px solid var(--line);border-radius:20px;padding:24px;color:var(--ink);background:var(--paper)}.retry-connection-dialog::backdrop{background:#102b2380}.retry-connection-dialog p{line-height:1.5}.retry-connection-dialog button{margin:6px 8px 6px 0;white-space:normal}
.library-filters .filter-choices label{flex-direction:row;align-items:center;text-align:left;font-size:14px}.library-filters .filter-choices input{flex:0 0 18px;width:18px;margin:0}.library-filters .filter-choices span{font-weight:500;line-height:1.35}
.analyzer-card{display:grid;gap:10px;align-content:start}.analyzer-card h3,.analyzer-card p{margin:0}.analyzer-card progress{width:100%;accent-color:var(--forest)}.analyzer-card[data-status="error"]{border-color:#b56850}.analyzer-counts{font-size:13px;color:var(--muted)}[data-text-tools]{border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0}[data-text-summary]{font-size:13px;color:var(--muted)}[data-text-tools][hidden]{display:none!important}
.neutral-video-card progress{width:100%;accent-color:var(--forest)}.video-error-state{color:#9c3c26!important}.video-stage{font-weight:600}
/* OCR stills are lazy and shared per sampled instant, never full source video. */
.ocr-capture{grid-column:1/-1;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:transparent;max-width:320px}
.ocr-capture img{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}
.ocr-image-preview{max-width:min(96vw,1100px);padding:12px;border-radius:16px}
.ocr-image-preview img{display:block;max-width:100%;max-height:80vh;object-fit:contain;margin-top:10px}
