/* Studio settings, review and results share the same ink-on-paper hierarchy. */
.mc-wizard { --workflow-muted:var(--soft-text-color); }
.mc-wizard .bd-wiz { display:flex; flex-wrap:wrap; gap:8px; }
.mc-work-source { display:flex; align-items:center; gap:16px; padding:18px 20px; margin-bottom:24px; border:1px solid var(--line-strong-color); background:var(--button-fill-subtle); }
.mc-work-source__thumb { width:72px; height:54px; flex:none; position:relative; overflow:hidden; display:grid; place-items:center; background:var(--thumb-background); }
.mc-work-source__thumb img { width:100%; height:100%; object-fit:cover; }
.mc-work-source__info { display:flex; flex-direction:column; gap:7px; min-width:0; flex:1; }
.mc-work-source__info strong { font-size:14px; font-weight:500; overflow-wrap:anywhere; line-height:1.5; }
.mc-work-source__info>span { color:var(--soft-text-color); font-family:var(--font-mono); font-size:10.5px; letter-spacing:.04em; line-height:1.6; }
.mc-work-source__cost { display:flex; flex-direction:column; gap:5px; flex:none; }
.mc-work-source__cost>span { color:var(--soft-text-color); font-family:var(--font-mono); font-size:9.5px; letter-spacing:.12em; }
.mc-work-source__cost strong { font-family:var(--font-display); font-size:26px; line-height:1; font-weight:600; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.mc-work-source>.bd-btn { font-size:11px; padding:8px 12px; min-height:38px; }
.mc-settings-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:18px; align-items:start; }
.mc-settings-grid>.mc-setup-group:first-child { grid-column:1/-1; }
.mc-settings-grid--full { grid-template-columns:1fr; }
.mc-setup-group { min-width:0; }
.mc-setup-group>div:first-child { font-family:var(--font-mono); font-size:10.5px !important; line-height:1.7; letter-spacing:.14em !important; }
.mc-language-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:14px; }
.mc-language-toolbar .bd-search { max-width:300px !important; }
.mc-selected-languages { display:flex; gap:7px; flex-wrap:wrap; margin-bottom:14px; min-height:28px; }
.mc-selected-language { display:inline-flex; align-items:center; gap:7px; padding:5px 10px 5px 8px; font-size:12px; font-weight:500; background:var(--strong-text-color); color:var(--page-bg); line-height:1.6; }
.mc-selected-empty { color:var(--soft-text-color); font-size:12.5px; }
.mc-wizard .bd-langs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; padding-inline-end:14px; max-height:206px !important; }
.mc-wizard .bd-lang { min-height:64px; display:grid; grid-template-columns:24px 1fr; gap:5px 6px; align-content:center; padding:10px; text-align:start; }
.mc-wizard .bd-lang__code { font-size:12px; letter-spacing:.04em; }
.mc-wizard .bd-lang__name { grid-column:1/-1; font-size:11px; line-height:1.45; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mc-wizard .bd-lang.is-active { background:var(--strong-text-color); color:var(--page-bg); }
.mc-wizard .bd-lang.is-active .bd-lang__code, .mc-wizard .bd-lang.is-active .bd-lang__name { background:transparent; color:var(--page-bg); }
.mc-wizard #lang-rail { right:0 !important; left:auto; }
[dir=rtl] .mc-wizard #lang-rail { left:0; right:auto !important; }
.mc-wizard #lang-more { font-size:9.5px; }
.mc-quality-tabs { display:flex; width:100%; flex-wrap:wrap; border-radius:0; }
.mc-quality-tabs .bd-tabs__btn { flex:1 1 95px; font-size:11.5px; padding:10px 9px; line-height:1.5; white-space:normal; }
.mc-voice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:16px; }
.mc-voice-choice { min-width:0; min-height:66px; position:relative; text-align:start !important; }
.mc-voice-choice span { line-height:1.6; letter-spacing:.02em !important; }
.mc-voice-choice[aria-pressed=true]::after { content:'✓'; position:absolute; top:7px; inset-inline-end:7px; font-size:9px; color:var(--page-bg); }
.mc-voice-choice>span:first-child { padding-inline-end:9px; }
.mc-format-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.mc-audio-delivery { padding:12px 0; }
.mc-audio-delivery>svg { width:28px; height:28px; margin-bottom:16px; }
.mc-audio-delivery h3 { font-size:17px; font-weight:600; letter-spacing:-.01em; margin:0 0 12px; }
.mc-audio-delivery p { font-size:13.5px; line-height:1.65; color:var(--soft-text-color); }
.mc-audio-delivery>span { display:inline-block; font-family:var(--font-mono); font-size:10.5px; padding:7px 10px; border:1px solid var(--line-strong-color); margin-top:8px; }
.mc-format-option { display:flex; align-items:center; flex-direction:column; justify-content:flex-start; gap:10px; padding:16px 7px; min-width:0; border:1px solid var(--line-strong-color); border-radius:0; font-size:12px; font-weight:500; line-height:1.6; color:var(--text-color); white-space:normal; }
.mc-format-option.is-active { color:var(--page-bg); background:var(--strong-text-color); border-color:var(--strong-text-color); }
.mc-format-option small { font-size:10.5px; font-weight:400; opacity:.72; }
.mc-format-shape { display:block; width:30px; height:22px; border:1.5px solid currentColor; margin-block:4px; }
.mc-format-shape--vertical { width:17px; height:30px; margin-block:0; }
.mc-format-shape--circle { width:30px; height:30px; border-radius:50%; margin-block:0; }
.mc-subtitle-choices { margin-top:24px; display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.mc-subtitle-choices .bd-tabs { max-width:100%; flex-wrap:wrap; }
.mc-subtitle-choices .bd-tabs__btn { font-size:11.5px; padding:10px 14px; }
.mc-subtitle-choices p { font-size:12.5px; line-height:1.65; color:var(--soft-text-color); margin:0; }
.mc-review-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:22px; align-items:start; }
.mc-review-facts { margin:0; }
.mc-review-facts>div { padding:16px 0; border-bottom:1px solid var(--line-color); }
.mc-review-facts>div:first-child { padding-top:0; }
.mc-review-facts dt { color:var(--soft-text-color); font-family:var(--font-mono); font-size:10px; margin-bottom:9px; letter-spacing:.14em; }
.mc-review-facts dd { margin:0; font-size:14.5px; line-height:1.6; overflow-wrap:anywhere; }
.mc-review-facts bdi { display:inline-block; }
.mc-review-edit { margin-top:20px; font-size:11px; }
.mc-result-summary { padding:24px; color:var(--page-bg); background:var(--strong-text-color); }
.mc-result-summary h3 { margin:0 0 12px; font-size:21px; font-weight:600; line-height:1.3; letter-spacing:-.015em; }
.mc-result-summary p { font-size:13.5px; line-height:1.65; margin:0; opacity:.82; }
.mc-result-summary .mc-result-summary__rate { margin-top:18px; font-family:var(--font-mono); font-size:10.5px; letter-spacing:.04em; padding-top:16px; border-top:1px solid currentColor; }
.mc-launch { flex-direction:column; align-items:stretch !important; margin-top:0 !important; border-top:0 !important; }
.mc-launch>span { flex-direction:row !important; align-items:center; justify-content:space-between; gap:15px !important; }
.mc-launch #launch-btn { min-width:0 !important; font-size:12px; padding-inline:16px; line-height:1.6; }
.mc-wizard #est-warn-text { min-width:0 !important; }
/* Results are a list; the filename leads, then status and the next useful action. */
#view[data-view=queue],#view[data-view=library] { max-width:1200px; margin-inline:auto; }
.mc-queue-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:28px; border:1px solid var(--line-strong-color); }
.mc-queue-overview>div { display:flex; align-items:center; gap:18px; padding:20px; border-inline-end:1px solid var(--line-strong-color); }
.mc-queue-overview>div:last-child { border:0; }
.mc-queue-overview strong { font-family:var(--font-display); font-size:34px; font-weight:600; line-height:1; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.mc-queue-overview>div>span { font-size:13px; line-height:1.6; }
.mc-queue-overview small { display:block; font-size:11.5px; color:var(--soft-text-color); margin-top:4px; }
.mc-queue-overview .has-error strong { color:var(--err-color); }
.mc-job-list { display:flex; flex-direction:column; gap:10px; }
.mc-job { min-width:0; }
.mc-job-head { display:flex; align-items:center; gap:14px; border:1px solid var(--line-strong-color); background:var(--button-fill-subtle); }
.mc-job--done .mc-job-head { border:0; border-bottom:1px solid var(--line-color); background:transparent; }
.mc-job--processing .mc-job-head { border-inline-start:3px solid var(--strong-text-color); }
.mc-job--failed .mc-job-head { border-inline-start:3px solid var(--err-color); }
.mc-job-toggle { display:flex; align-items:center; gap:16px; border:0; padding:18px; background:transparent; text-align:start; color:var(--text-color); cursor:pointer; flex:1; min-width:0; width:100%; font-family:inherit; }
.mc-job-toggle:hover { background:var(--button-fill-subtle); }
.mc-job-thumb { position:relative; display:grid; place-items:center; width:58px; height:58px; overflow:hidden; background:var(--thumb-background); border:1px solid var(--line-strong-color); flex:none; }
.mc-job-thumb.is-circle { border-radius:50%; }
.mc-job-info { display:flex; flex-direction:column; gap:9px; flex:1; min-width:0; }
.mc-job-titleline { display:flex; align-items:center; gap:14px; min-width:0; }
.mc-job-name { flex:1; min-width:0; font-size:14.5px; font-weight:500; line-height:1.5; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.mc-job-titleline .bd-status { flex:none; font-size:9.5px; letter-spacing:.1em; }
.mc-job-meta { flex-wrap:wrap; font-family:var(--font-mono); font-size:10px !important; line-height:1.6; gap:6px 12px; }
.mc-job-meta>* { font-size:inherit; }
.mc-job-progress { display:flex; align-items:center; gap:18px; margin-top:2px; }
.mc-job-progress>.bd-hint { white-space:nowrap; font-size:10px; }
.mc-job-error { font-size:12.5px; line-height:1.6; color:var(--soft-text-color); }
.mc-job-actions { display:flex; gap:7px; flex:none; padding-inline-end:16px; }
.mc-job-actions .bd-btn { min-height:36px; font-size:11px; padding:7px 13px; gap:6px; }
.mc-job-primary { color:var(--page-bg); background:var(--strong-text-color); border-color:var(--strong-text-color); }
.mc-job-primary:hover { opacity:.85; }
.mc-job [data-exp-inner] { border-top:1px solid var(--line-color) !important; }
.mc-job [data-exp-inner] .bd-fact__value { overflow-wrap:anywhere; }
.mc-job [data-chev] { font-family:var(--font-mono); font-size:9.5px !important; }
.mc-job [data-chev]>span:first-child { display:none; }
.mc-library-intro { font-size:14px; line-height:1.65; color:var(--soft-text-color); margin:-8px 0 24px; }
.mc-library-toolbar { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:18px; }
.mc-library-toolbar .bd-search { width:min(480px,100%); }
.mc-library-toolbar .bd-search>span { font-family:var(--font-mono); font-size:10px; letter-spacing:.1em; padding-inline-start:13px; color:var(--soft-text-color); }
.mc-library-toolbar input { min-width:0; }
.mc-library-filters { display:flex; flex-wrap:wrap; border-radius:0; margin-bottom:25px; }
.mc-library-filters .bd-tabs__btn { font-size:11.5px; padding:12px 16px; }
.mc-library-results { display:flex; flex-direction:column; }
@media(max-width:1100px) {
 .mc-settings-grid { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
 .mc-job-titleline { flex-wrap:wrap; gap:5px; }
 .mc-job-titleline .bd-status { margin-inline-start:0; }
 .mc-job-name { flex-basis:100%; }
 .mc-job-toggle { gap:12px; }
 .mc-queue-overview>div { padding:17px 14px; gap:12px; }
}
@media(max-width:700px) {
 .mc-settings-grid,.mc-review-grid { grid-template-columns:1fr; gap:16px; }
 .mc-work-source { padding:14px; flex-wrap:wrap; gap:12px; margin-bottom:18px; }
 .mc-work-source__thumb { width:48px; height:48px; }
 .mc-work-source__info { flex-basis:calc(100% - 62px); }
 .mc-work-source__info strong { font-size:13px; }
 .mc-work-source__cost { flex-direction:row; align-items:center; gap:12px; flex:1; }
 .mc-work-source__cost strong { font-size:24px; }
 .mc-work-source>.bd-btn { margin-inline-start:auto; }
 .mc-wizard .bd-langs { grid-template-columns:repeat(4,minmax(0,1fr)); max-height:232px !important; gap:6px; }
 .mc-wizard .bd-lang { padding:8px; min-height:68px; }
 .mc-setup-group__body { padding:16px !important; }
 .mc-language-toolbar .bd-search { max-width:none !important; flex-basis:100% !important; }
 .mc-review-facts dd { font-size:13.5px; }
 .mc-queue-overview { margin-bottom:20px; }
 .mc-queue-overview>div { display:block; padding:13px 9px; }
 .mc-queue-overview strong { font-size:28px; display:block; margin-bottom:6px; }
 .mc-queue-overview>div>span { font-size:11.5px; }
 .mc-queue-overview small { display:none; }
 .mc-job-head { display:block; }
 .mc-job-toggle { padding:14px 12px; align-items:flex-start; gap:10px; }
 .mc-job-thumb { width:44px; height:44px; }
 .mc-job-info { gap:7px; }
 .mc-job-name { font-size:13px; overflow-wrap:anywhere; white-space:normal; }
 .mc-job-titleline .bd-status { font-size:9px; }
 .mc-job-meta { font-size:9px !important; gap:4px 9px; }
 .mc-job [data-chev] { display:none !important; }
 .mc-job-actions { padding:0 12px 14px; padding-inline-start:66px; flex-wrap:wrap; }
 .mc-job-actions .bd-btn { flex:1; min-height:40px; }
 .mc-job-progress { flex-wrap:wrap; gap:9px; }
 .mc-job-progress>[data-tracker-of] { min-width:100%; }
 .mc-job-progress>.bd-hint { font-size:9px; }
 .mc-job [data-exp-inner] { padding:16px !important; }
 .mc-library-toolbar { gap:10px; flex-wrap:wrap; }
 .mc-library-toolbar .bd-search { width:100%; }
 .mc-library-filters .bd-tabs__btn { font-size:10.5px; padding:10px; flex:1; }
}
@media(max-width:380px) {
 .mc-wizard .bd-langs { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .mc-voice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .mc-work-source__cost { gap:8px; }
 .mc-work-source__cost>span { font-size:8px; }
}
@media(prefers-reduced-motion:reduce) { .mc-job *, .mc-wizard * { animation:none !important; transition:none !important; } }

.mc-wizard button.bd-wiz__step,.mc-source button.bd-wiz__step { font-family:inherit; cursor:pointer; text-align:start; }

.mc-result-detail { display:grid !important; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:start; }
.mc-result-data { min-width:0 !important; }
.mc-result-preview { width:100%; }
.mc-result-detail .bd-fact { padding-block:12px; }
.mc-result-detail .bd-fact__label { font-size:9.5px; }
.mc-result-detail .bd-fact__value { font-size:12.5px; line-height:1.6; }
.mc-result-data .bd-btn { font-size:11px; line-height:1.65; white-space:normal; }
@media(max-width:700px) { .mc-result-detail { grid-template-columns:minmax(0,1fr); } .mc-result-preview { align-items:center !important; } }
@media(max-width:900px) { .mc-shell { grid-template-columns:minmax(0,1fr); } }
@media(max-width:700px) {
 .mc-wizard .bd-wiz,.mc-source .bd-wiz { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
 .mc-wizard .bd-wiz__sep,.mc-source .bd-wiz__sep { display:none; }
 .mc-wizard .bd-wiz__step,.mc-source .bd-wiz__step { min-width:0; gap:6px; padding:10px 6px; font-size:8px; letter-spacing:.05em; line-height:1.5; justify-content:center; }
 .mc-work-source--review .mc-work-source__info { flex:1; min-width:0; }
}
@media(max-width:430px) {
 .mc-rail { gap:6px; padding-inline:8px; }
 .mc-wallet { gap:6px !important; min-width:0; }
 .mc-wallet>div:first-child { padding-inline:7px !important; gap:3px !important; }
 #hd-balance { font-size:17px !important; }
 .mc-wallet>button { font-size:8px !important; padding-inline:9px !important; letter-spacing:.08em; }
 .mc-rail #rail-theme .bd-tabs__btn { font-size:0; padding:0; width:32px; height:32px; min-height:32px; }
 .mc-rail #rail-theme .bd-tabs__btn::before { content:'◐'; font-size:15px; }
 .mc-rail .bd-langswitch__btn { padding-inline:9px; }
}

@media(max-width:900px) { .mc-wizard,.mc-source { scroll-margin-top:72px; } }

.mc-library-maintenance { border-top:1px solid var(--line-color); margin-top:32px; padding-top:16px; text-align:end; }
.mc-library-maintenance .bd-btn { font-size:11px; color:var(--muted-text-color); }

.mc-ds-source-policy { margin:0 0 18px; font-size:13.5px; line-height:1.6; color:var(--soft-text-color); letter-spacing:0; }
.mc-ds-help { margin:0 0 16px; font-size:13px; line-height:1.6; letter-spacing:0; color:var(--soft-text-color); }
.mc-ds-help summary { cursor:pointer; width:fit-content; color:var(--strong-text-color); text-decoration:underline; text-underline-offset:3px; }
.mc-ds-help ul { margin:10px 0 0; padding-inline-start:22px; }
.mc-ds-help li + li { margin-top:6px; }
.mc-ds-original { min-width:0; margin:22px 0 14px; padding:0; border:0; }
.mc-ds-original legend { padding:0; margin-bottom:10px; font-size:14px; color:var(--strong-text-color); }
.mc-ds-original-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); gap:10px; }
.mc-ds-original-option { display:flex; flex-direction:column; align-items:start; gap:6px; padding:14px; border:1px solid var(--line-color); border-radius:12px; background:var(--button-fill-subtle); color:var(--text-color); text-align:start; font:inherit; letter-spacing:0; cursor:pointer; }
.mc-ds-original-option strong { font-size:13px; }
.mc-ds-original-option span { font-size:12.5px; line-height:1.55; color:var(--soft-text-color); }
.mc-ds-original-option.is-active { border-color:var(--strong-text-color); box-shadow:inset 0 0 0 1px var(--strong-text-color); }
.mc-ds-original-option:focus-visible,.mc-ds-help summary:focus-visible { outline:2px solid var(--accent-color); outline-offset:3px; }
.mc-source-warning { padding:14px 16px; border:1px solid var(--line-strong-color); border-inline-start:3px solid var(--strong-text-color); background:var(--button-fill-subtle); font-size:13.5px; line-height:1.6; letter-spacing:0; }
.mc-source-warning strong { color:var(--strong-text-color); }
.mc-source-warning p { margin:6px 0 10px; }
.mc-source-warning ul { display:flex; flex-wrap:wrap; gap:6px; list-style:none; padding:0; margin:0; max-height:160px; overflow:auto; }
.mc-source-warning li { padding:3px 7px; border:1px solid var(--line-color); font-family:var(--font-mono); font-size:12px; font-variant-numeric:tabular-nums; }
.mc-job-source-note { color:var(--text-color); font-size:12.5px; line-height:1.5; letter-spacing:0; }
/* Reusable originals share the collection frame, with separate lifecycle actions. */
.mc-library-sections { margin-bottom: 24px; }
.mc-library-intake { display:flex; justify-content:flex-end; margin:14px 0 24px; }
.mc-original-list { display:grid; gap:12px; margin-top:20px; }
.mc-original { display:flex; align-items:center; gap:24px; padding:22px; border:1px solid var(--line-color); background:var(--button-fill-subtle); }
.mc-original-info { flex:1; min-width:0; }
.mc-original-info h3 { font-size:15px; font-weight:600; line-height:1.5; margin:0 0 8px; overflow-wrap:anywhere; }
.mc-original-info p { font-size:12px; line-height:1.6; color:var(--soft-text-color); margin:3px 0; }
.mc-original-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; max-width:52%; }
.mc-original-actions .bd-btn { white-space:normal; line-height:1.5; text-align:center; }
.mc-original-empty { padding:40px 20px; border:1px dashed var(--line-strong-color); text-align:center; font-size:14px; }
.mc-original-error { color:var(--err-color); line-height:1.6; }
.mc-original-message { font-size:13px; line-height:1.6; }
.mc-original-player { width:min(940px,100%); max-height:90dvh; overflow:auto; padding:20px; box-sizing:border-box; background:var(--page-bg); color:var(--text-color); }
.mc-original-player video { display:block; width:100%; max-height:72dvh; background:#000; margin-top:20px; }
.mc-original-player audio { width:100%; margin-top:24px; }
.mc-pending { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px; border:1px solid var(--accent-color); margin:16px 0 24px; }
.mc-pending p { font-size:13px; overflow-wrap:anywhere; }
@media(max-width:600px) {
  .mc-original { align-items:stretch; flex-direction:column; gap:16px; padding:18px; }
  .mc-original-actions { max-width:none; justify-content:flex-start; }
  .mc-original-actions .bd-btn { flex:1 1 130px; }
  .mc-library-intake { justify-content:stretch; }
  .mc-library-intake .bd-btn { width:100%; }
  .mc-pending { flex-direction:column; align-items:stretch; }
}

/* After the first finished result (F-0028): the next step is the same
   recording in another language, from the retained original. */
.mc-next-step { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 20px; margin-top:6px; padding:14px 16px; border:1px solid var(--line-strong-color); background:var(--button-fill-subtle); }
.mc-next-step > div { display:flex; flex-direction:column; gap:3px; min-width:0; flex:1 1 220px; }
.mc-next-step strong { font-size:13.5px; font-weight:600; line-height:1.4; color:var(--strong-text-color); }
.mc-next-step span { font-size:12.5px; line-height:1.55; color:var(--soft-text-color); }
.mc-next-step .bd-btn { min-height:2.3rem; padding:0.5rem 1.1rem; font-size:0.64rem; }
@media (max-width:900px) { .mc-next-step .bd-btn { width:100%; } }
/* Keep a completed result reachable after it leaves the active queue. */
.mc-queue-ready { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-block: 20px; padding: 20px; border: 1px solid var(--line-strong-color); background: var(--status-background); }
.mc-queue-ready > div { min-width: 0; }
.mc-queue-ready .bd-eyebrow { margin: 0 0 8px; color: var(--text-color); }
.mc-queue-ready__name { margin: 0; overflow-wrap: anywhere; font-size: 14px; }
.mc-queue-ready > .bd-btn { flex-shrink: 0; }
@media (max-width: 600px) { .mc-queue-ready { align-items: stretch; flex-direction: column; } }
