/* Transcript Studio: use the shared CreatorOS theme in dark and light modes. */
#page-transcripts{color:var(--label);background:var(--bg);padding:18px;border:1px solid var(--line);border-radius:15px}
#page-transcripts .panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;padding:16px;margin:0;min-width:0}
#page-transcripts h2,#page-transcripts h3,#page-transcripts h4{color:var(--text)}
#page-transcripts h3{font-size:13px;letter-spacing:-.15px;line-height:1.5}
#page-transcripts input,#page-transcripts select,#page-transcripts textarea{color:var(--text);background:var(--field);border-color:var(--line);font-size:12px;min-width:0}
#page-transcripts input::placeholder,#page-transcripts textarea::placeholder{color:var(--muted)}
#page-transcripts :is(input,select,textarea,button,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#page-transcripts [hidden]{display:none!important}
#page-transcripts .btn{min-height:30px;padding:6px 10px;font-size:11px;white-space:nowrap;border-radius:7px;line-height:1.5}
#page-transcripts .btn-primary{background:var(--accent);border:1px solid var(--accent);color:var(--on-accent)}
#page-transcripts .btn-secondary{background:var(--panel);color:var(--label);border:1px solid var(--line)}
#page-transcripts .btn-primary:hover,#page-transcripts #transcriptAIStart:hover{background:var(--mint2);border-color:var(--mint2)}
#page-transcripts .btn-secondary:hover{background:var(--hover);border-color:color-mix(in srgb,var(--muted) 45%,var(--line))}
#page-transcripts button:disabled{opacity:.45;cursor:not-allowed}
#page-transcripts .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.transcript-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.transcript-intro .eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:3px}.transcript-intro p{font-size:12px;color:var(--muted);margin-top:5px}
.transcript-brand{display:flex;align-items:center;gap:12px}.transcript-brand h2{font-size:22px;letter-spacing:-.7px}.studio-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:29px;height:29px;border-radius:8px;background:var(--tint);color:var(--accent);font-size:19px;font-weight:600}.studio-brand-icon{width:42px;height:44px;font-size:28px;background:var(--tint);color:var(--accent)}.studio-youtube-icon{background:#f12d42;color:white;font-size:15px;box-shadow:0 0 0 4px #ff33441a}
.transcript-header-tools{display:grid;gap:10px;min-width:185px}.transcript-storage>div{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.transcript-storage progress{display:block;width:100%;height:5px;appearance:none;border:0;border-radius:20px;overflow:hidden;background:var(--line);margin-top:5px}.transcript-storage progress::-webkit-progress-bar{background:var(--line)}.transcript-storage progress::-webkit-progress-value{background:var(--accent)}.transcript-storage progress::-moz-progress-bar{background:var(--accent)}
.studio-panel-heading{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:14px}.studio-panel-heading>div{min-width:0}.studio-panel-heading h3{margin:0}.studio-panel-heading p{font-size:11px;color:var(--muted);margin:3px 0 0}.studio-panel-heading>small{margin-left:auto;white-space:nowrap;font-size:10px;color:var(--muted)}.studio-panel-heading>.btn:last-child{margin-left:auto}
.transcript-import-fields{display:grid;grid-template-columns:minmax(180px,1fr) 170px auto;align-items:end;gap:12px}.transcript-import label,.transcript-ai-controls label{display:grid;gap:6px;font-size:11px;color:var(--muted)}.transcript-import input,.transcript-import select{width:100%;min-height:37px}#page-transcripts .transcript-import .btn{min-height:37px;padding:8px 18px}.transcript-import .transcript-url-label input{background:var(--field)}
.transcript-status-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px;margin:9px 0 13px}.transcript-status-line .transcript-note{font-size:10px}.transcript-status{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.transcript-status[data-error=true],#transcriptItemError{color:var(--red)}.transcript-status:empty,#transcriptItemError:empty{display:none}#transcriptItemError{font-size:12px;margin-bottom:8px}
.transcript-workspace{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:stretch}#transcriptDetail:not([hidden]){display:contents}.transcript-library{grid-column:1/4;grid-row:1;display:flex;flex-direction:column;max-height:480px;min-height:420px}.transcript-reader{grid-column:4/9;grid-row:1;display:flex;flex-direction:column;min-height:420px;max-height:480px}.transcript-preview{grid-column:9/13;grid-row:1}.transcript-ai-panel{grid-column:1/6;grid-row:2}.transcript-results-panel{grid-column:6/10;grid-row:2;display:flex;flex-direction:column}.transcript-tasks-panel{grid-column:10/13;grid-row:2}.transcript-empty{grid-column:4/13;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:460px;color:var(--muted)}.transcript-empty p{max-width:400px;font-size:13px}.transcript-empty small{max-width:400px;font-size:11px}.studio-empty-icon{font-size:44px;color:var(--muted);line-height:1.5}
.transcript-library>input{width:100%;min-height:32px;padding:7px 10px}.studio-filter-tabs{display:flex;align-items:center;gap:5px;min-width:0}.studio-filter-tabs button{flex:0 1 auto;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--label);font-size:10px;line-height:1.5;padding:6px 8px;cursor:pointer;white-space:nowrap}.studio-filter-tabs button:hover{background:var(--hover)}.studio-filter-tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:none}.transcript-library>.studio-filter-tabs{margin:10px 0;flex-wrap:wrap}
.transcript-library-list{display:grid;align-content:start;gap:8px;overflow:auto;overscroll-behavior:contain;min-height:0;padding-right:3px}.transcript-library-row{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:2px;padding:6px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.transcript-library-row:has([aria-current=true]){border-color:var(--accent);background:var(--tint);box-shadow:inset 0 0 0 1px var(--accent)}.transcript-entry{display:flex;align-items:flex-start;gap:8px;text-align:left;background:none;border:0;color:var(--text);padding:0;min-width:0;width:100%;cursor:pointer}.transcript-entry-copy{display:grid;gap:4px;min-width:0}.transcript-entry strong{font-size:11px;font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.transcript-entry small{font-size:10px;color:var(--muted)}.transcript-entry img{width:64px;height:46px;object-fit:cover;border-radius:5px;background:var(--panel2);flex-shrink:0}.transcript-entry-badge{font-size:9px;color:var(--accent);width:fit-content;background:var(--tint);border-radius:5px;padding:2px 5px}.transcript-entry-badge[data-status=failed]{background:color-mix(in srgb,var(--red) 12%,var(--panel));color:var(--red)}.transcript-entry-badge[data-status=processing]{background:var(--tint);color:var(--accent)}.transcript-entry-tools{display:flex;flex-direction:column;align-items:center;gap:4px}.transcript-entry-delete,.transcript-favorite{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4px;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer}.transcript-entry-delete svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.transcript-entry-delete:hover{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.transcript-favorite{font-size:17px}.transcript-favorite[aria-pressed=true]{color:var(--yellow)}.transcript-favorite:hover{background:color-mix(in srgb,var(--yellow) 10%,transparent)}
.studio-reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.studio-reader-toolbar .studio-filter-tabs{flex-wrap:wrap}.studio-expand{font-size:17px!important;padding:2px 8px!important}.transcript-search{width:100%;min-height:32px!important;padding:7px 10px!important;margin-bottom:8px}.transcript-reader>#transcriptTextView{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.transcript-cues{display:grid;align-content:start;gap:2px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:180px;height:100%;max-height:300px;padding-right:4px;outline-offset:-2px}.transcript-cue{position:relative;display:grid;grid-template-columns:47px minmax(0,1fr) 27px;align-items:start;gap:6px;padding:5px 4px;border-radius:5px}.transcript-cue:hover{background:var(--hover)}.transcript-cue:focus-within{background:var(--tint)}.cue-time{font-variant-numeric:tabular-nums;font-size:10px;padding:4px 2px;border:0;border-radius:5px;background:var(--panel2);color:var(--label);text-align:center;cursor:pointer;line-height:1.6}.transcript-cue:focus-within .cue-time{background:var(--accent);color:var(--on-accent)}#page-transcripts .transcript-cue textarea{width:100%;min-height:26px;resize:none;overflow:hidden;border:1px solid transparent;background:transparent;padding:2px 4px;font-size:12px;line-height:1.65;border-radius:4px;field-sizing:content}#page-transcripts .transcript-cue textarea:focus{outline:0;border-color:var(--accent);background:var(--field)}.cue-more{position:relative}.cue-more summary{list-style:none;cursor:pointer;font-size:9px;color:var(--muted);padding:5px 0;white-space:nowrap}.cue-more summary::-webkit-details-marker{display:none}.cue-pop{position:relative;grid-column:1/-1;display:grid;gap:8px;width:150px;float:right;padding:10px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;margin-top:6px;z-index:2}.cue-pop label{display:grid;gap:4px;font-size:10px;color:var(--muted)}.cue-pop input{width:100%;min-height:28px!important;padding:5px!important}.transcript-reader-footer{font-size:10px!important;margin:9px 0}.transcript-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.transcript-reader-actions{border-top:1px solid var(--line);padding-top:9px;margin-top:auto}#transcriptExports{display:inline-flex;gap:4px;margin-left:auto}#page-transcripts .transcript-reader-actions .btn{padding:5px 7px;font-size:10px}.transcript-edit-status{font-size:10px;color:var(--accent)}
.transcript-code-view,.transcript-info-view{flex:1;min-height:180px;max-height:360px;overflow:auto;overscroll-behavior:contain;margin:0;padding:10px;border:1px solid var(--line);border-radius:7px;font-size:12px;background:var(--field);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.transcript-info-view h4{font-size:13px;margin-bottom:12px}.transcript-info-view dl{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;font-size:11px;white-space:normal}.transcript-info-view dt{color:var(--muted)}.transcript-info-view dd{margin:0;overflow-wrap:anywhere}.transcript-info-view p{font-size:11px;color:var(--muted);margin-top:12px}
.transcript-video{aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:8px;background:var(--bg);border:1px solid var(--line);margin:8px 0 13px}.transcript-video iframe{display:block;border:0;width:100%;height:100%}.transcript-video button{display:block;width:100%;height:100%;position:relative;padding:0;border:0;background:var(--bg);color:white;cursor:pointer}.transcript-video img{width:100%;height:100%;object-fit:cover;opacity:.85}.transcript-video button>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:36px;display:grid;place-content:center;border-radius:10px;background:#f2253d;font-size:18px;box-shadow:0 2px 16px #0009}.transcript-preview>#transcriptTitle{font-size:13px;line-height:1.7}.transcript-preview>#transcriptMeta{margin:9px 0;overflow-wrap:anywhere}.transcript-provider-card{display:flex;align-items:flex-start;gap:10px;border-block:1px solid var(--line);padding:13px 0;margin:13px 0}.transcript-provider-card>div{min-width:0}.transcript-provider-card strong{font-size:12px;color:var(--accent)}.transcript-provider-card p{font-size:10px;margin-top:4px;overflow-wrap:anywhere}
.studio-ai-tabs{flex-wrap:wrap}.studio-ai-tabs button{flex:1;padding:7px 5px}.transcript-ai-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);gap:12px;margin:14px 0}.transcript-ai-controls select,.transcript-ai-controls textarea,.transcript-ai-controls input{width:100%;min-height:34px!important;padding:8px!important}.transcript-ai-controls .transcript-wide{grid-column:1/-1}.transcript-ai-controls textarea{min-height:60px!important;resize:vertical}.transcript-ai-controls input[readonly]{color:var(--muted)!important}.studio-ai-hint{margin-bottom:10px}#page-transcripts #transcriptAIStart{width:100%;padding:10px;background:var(--accent);border-color:var(--accent)}.transcript-ai-panel>p:last-child{margin-top:10px;font-size:10px}
.transcript-history{display:grid;align-content:start;gap:10px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:200px;max-height:350px}.transcript-result-empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:20px;color:var(--muted)}.transcript-result-empty strong{font-size:12px;color:var(--label)}.transcript-result-empty p{font-size:11px}.transcript-job{border:1px solid var(--line);border-radius:8px;padding:10px;font-size:11px}.transcript-job>summary{cursor:pointer;overflow-wrap:anywhere;color:var(--text);font-size:11px}.transcript-job summary small{display:block;color:var(--muted);font-size:10px;margin:6px 0}.transcript-job label{font-size:10px;color:var(--muted)}#page-transcripts .transcript-job textarea{width:100%;margin:9px 0;min-height:240px;resize:vertical;font-size:12px;line-height:1.8;padding:10px;max-height:500px}.transcript-job .transcript-actions{margin:6px 0 12px}#page-transcripts .transcript-job .btn{font-size:10px;padding:5px 7px}.transcript-original{white-space:pre-wrap;max-height:200px;overflow:auto;color:var(--muted);padding:9px;font-size:11px}.transcript-job p{margin-top:8px}.transcript-task-list{display:grid;align-content:start;gap:8px;max-height:340px;overflow:auto;overscroll-behavior:contain}.transcript-task{display:flex;align-items:center;gap:8px;width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px 8px;text-align:left;cursor:pointer;color:var(--text)}.transcript-task[aria-current=true]{border-color:var(--accent);background:var(--tint)}.transcript-task .studio-icon{width:26px;height:28px;font-size:15px}.transcript-task>span:nth-child(2){display:grid;gap:4px;min-width:0;flex:1}.transcript-task strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcript-task small{font-size:9px;color:var(--muted)}.studio-status-badge{font-size:9px;color:var(--accent);background:var(--tint);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));padding:3px 5px;border-radius:5px;white-space:nowrap}.studio-status-badge[data-status=failed]{background:color-mix(in srgb,var(--red) 12%,var(--panel));border-color:color-mix(in srgb,var(--red) 25%,var(--line));color:var(--red)}.studio-status-badge[data-status=queued],.studio-status-badge[data-status=running]{background:var(--tint);border-color:color-mix(in srgb,var(--accent) 25%,var(--line));color:var(--accent)}.transcript-extraction-details{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.transcript-extraction-details>summary{font-size:11px;cursor:pointer;color:var(--muted)}.transcript-extraction-history{display:grid;gap:8px;max-height:330px;overflow:auto;margin-top:10px;overscroll-behavior:contain}.transcript-extraction-history h3{display:none}.transcript-extraction-history:empty{display:none}.transcript-extraction-history .transcript-note{font-size:10px;overflow-wrap:anywhere}.transcript-note{font-size:12px;color:var(--muted);line-height:1.7}
.transcript-workspace.reader-expanded .transcript-library,.transcript-workspace.reader-expanded .transcript-preview{display:none!important}.transcript-workspace.reader-expanded .transcript-reader{grid-column:1/-1;max-height:78vh}.transcript-workspace.reader-expanded .transcript-cues{max-height:58vh}
#page-transcripts :is(.transcript-cues,.transcript-history,.transcript-task-list,.transcript-library-list,.transcript-code-view,.transcript-info-view,.transcript-extraction-history){scrollbar-width:thin;scrollbar-color:var(--line) transparent}#page-transcripts ::-webkit-scrollbar{width:5px;height:5px}#page-transcripts ::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
/* The provider administration page uses the existing shared theme. */
.transcript-ai-notes>summary{cursor:pointer;font-size:11px;color:var(--muted)}.transcript-ai-notes>label{margin-top:10px}.transcript-ai-panel>p:last-child{max-width:520px}
.engine-settings h3{margin:20px 0 12px}.engine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.engine-grid label{display:grid;gap:6px;font-size:12px}.engine-grid input,.engine-grid select{width:100%}.engine-grid .engine-toggle{display:flex;align-items:center;gap:8px}.engine-toggle input{width:auto}.engine-settings fieldset{border:1px solid var(--line);border-radius:10px;margin:20px 0;padding:16px}.engine-settings legend{color:var(--accent);padding:0 8px}.engine-usage{display:grid;gap:12px}.engine-usage p{overflow-wrap:anywhere}
@media(min-width:1700px){.transcript-reader,.transcript-library{max-height:620px;min-height:510px}.transcript-cues{max-height:420px}.transcript-code-view,.transcript-info-view{max-height:420px}}
@media(max-width:1250px){.transcript-library{grid-column:1/5}.transcript-reader{grid-column:5/13}.transcript-preview{grid-column:1/5;grid-row:2}.transcript-ai-panel{grid-column:5/13;grid-row:2}.transcript-results-panel{grid-column:1/8;grid-row:3}.transcript-tasks-panel{grid-column:8/13;grid-row:3}.transcript-empty{grid-column:5/13}.transcript-workspace.reader-expanded .transcript-ai-panel{grid-column:1/7}.transcript-workspace.reader-expanded .transcript-results-panel{grid-column:7/13;grid-row:2}.transcript-workspace.reader-expanded .transcript-tasks-panel{grid-column:1/13}}
@media(max-width:850px){.transcript-intro{align-items:flex-start;flex-direction:column}.transcript-header-tools{display:flex;align-items:center;gap:20px;width:100%}.transcript-storage{flex:1}.transcript-import-fields{grid-template-columns:minmax(0,1fr) auto}.transcript-import .transcript-url-label{grid-column:1/-1}.transcript-workspace{grid-template-columns:minmax(0,1fr)}.transcript-workspace>.panel,#transcriptDetail>.panel,.transcript-workspace.reader-expanded #transcriptDetail>.panel{grid-column:1;grid-row:auto}.transcript-library{min-height:0;max-height:300px}.transcript-library-list{max-height:180px}.transcript-reader{min-height:460px}.transcript-empty{min-height:280px}.transcript-preview{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-content:start}.transcript-preview>.studio-panel-heading{grid-column:1/-1}.transcript-preview .transcript-video{grid-column:1;grid-row:2/5}.transcript-preview>#transcriptTitle,.transcript-preview>#transcriptMeta,.transcript-preview>.transcript-provider-card{grid-column:2}.transcript-preview>.transcript-note:last-child{grid-column:1/-1}.transcript-history{max-height:550px}.engine-grid{grid-template-columns:1fr}}
@media(max-width:480px){#page-transcripts .panel{padding:12px}.transcript-import-fields{grid-template-columns:1fr}.transcript-import .transcript-url-label{grid-column:auto}.transcript-preview{display:block}.transcript-ai-controls{grid-template-columns:1fr}.transcript-ai-controls .transcript-wide{grid-column:auto}.transcript-reader-actions{gap:6px}#transcriptExports{margin-left:0}.studio-panel-heading p{font-size:10px}.transcript-brand h2{font-size:20px}}