:root,html[data-theme=dark]{--bg: #0b0c0b;--panel: #141512;--sidebar: #0e0f0d;--bar: #10110f;--inset: #111310;--line: #2a2d26;--input-line: #3a3e35;--text: #eceae2;--muted: #9a9a8c;--accent: #e4b45a;--accent-dim: #8d7540;--accent-ink: #1a140c;--hover: #1c1d18;--selected: #232016;--danger: #c45c4a;--danger-ink: #f4ece6;--ok: #7d9a6a;--scroll: #5a5c50;--overlay: rgba(8, 8, 6, .58);--status-bg: rgba(20, 21, 18, .9);--loading-veil: rgba(12, 13, 11, .64);--rec-bg: #18150f;--rec-live: #e07050;--rec-stop: #c44b32;--rec-stop-ink: #fff7f2;--bar-track: #2a2c26;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%239a9a8c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1.5 1.8 L6 6.2 L10.5 1.8'/%3E%3C/svg%3E")}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light only;--bg: #ece7db;--panel: #fbf8f1;--sidebar: #f3f0e6;--bar: #fbf8f1;--inset: #f4efe3;--line: #ddd4c3;--input-line: #d0c6af;--text: #26241c;--muted: #6d6a5c;--accent: #c7923a;--accent-dim: #a6782c;--accent-ink: #1a140c;--hover: #eee6d4;--selected: #f1e4c6;--danger: #b54a3a;--danger-ink: #fff7f2;--ok: #5d7d4e;--scroll: #c9bba8;--overlay: rgba(40, 32, 20, .4);--status-bg: rgba(251, 248, 241, .92);--loading-veil: rgba(251, 248, 241, .72);--rec-bg: #f4efe3;--rec-live: #c44b32;--rec-stop: #c44b32;--rec-stop-ink: #fff7f2;--bar-track: #e4d8c6;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%236d6a5c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1.5 1.8 L6 6.2 L10.5 1.8'/%3E%3C/svg%3E")}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scroll) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--scroll);border:2px solid transparent;border-radius:99px;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--accent-dim)}*::-webkit-scrollbar-corner{background:transparent}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:IBM Plex Sans,sans-serif;letter-spacing:.01em}html{background:radial-gradient(1200px 520px at 12% -10%,rgba(228,180,90,.08),transparent 52%),var(--bg)}@property --rail{syntax: "<length>"; inherits: true; initial-value: 220px;}@property --voices-col{syntax: "<length>"; inherits: true; initial-value: 360px;}.app{--rail: 220px;display:grid;grid-template-columns:var(--rail) minmax(0,1fr);height:100dvh;overflow:hidden;background:var(--bg);transition:--rail .24s ease}.app.rail-collapsed{--rail: 56px}.sidebar{display:flex;flex-direction:column;min-height:0;padding:14px 10px 10px;border-right:1px solid var(--line);background:var(--sidebar)}.sidebar-brand{display:flex;align-items:center;gap:10px;min-height:40px;margin:0 0 18px;overflow:hidden;transition:gap .24s ease}.sidebar-mark{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-family:Fraunces,serif;font-weight:650;font-size:15px;line-height:1;letter-spacing:-.04em}.sidebar-brand-text{display:grid;min-width:0;overflow:hidden;white-space:nowrap;opacity:1;max-width:140px;transition:opacity .18s ease,max-width .24s ease}.sidebar-brand-text strong{font-family:Fraunces,serif;font-size:18px;font-weight:650;line-height:1.1;letter-spacing:.04em}.sidebar-brand-text span{color:var(--muted);font-size:12px}.sidebar-nav{display:grid;gap:4px;flex:1;align-content:start}.sidebar-link,.sidebar-collapse,.sidebar-theme,.sidebar-locale{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 10px;background:transparent;color:var(--muted);border:0;font-weight:600;text-align:left;transition:gap .24s ease,padding .24s ease,color .15s ease,background .15s ease}.sidebar-link svg,.sidebar-collapse svg,.sidebar-theme svg,.sidebar-locale-mark{flex:0 0 20px;width:20px;height:20px}.sidebar-collapse svg{transition:transform .24s ease}.sidebar-link span,.sidebar-collapse span,.sidebar-theme span,.sidebar-locale span{overflow:hidden;white-space:nowrap;opacity:1;max-width:120px;transition:opacity .18s ease,max-width .24s ease}.sidebar-link:hover,.sidebar-collapse:hover,.sidebar-theme:hover,.sidebar-locale:hover{color:var(--text);background:var(--hover)}.sidebar-link.on{color:var(--accent);background:var(--selected)}.app.rail-collapsed .sidebar-brand-text,.app.rail-collapsed .sidebar-link span,.app.rail-collapsed .sidebar-collapse span,.app.rail-collapsed .sidebar-theme span,.app.rail-collapsed .sidebar-locale span:not(.sidebar-locale-mark){opacity:0;max-width:0;pointer-events:none}.app.rail-collapsed .sidebar-brand{justify-content:center;gap:0}.app.rail-collapsed .sidebar-link,.app.rail-collapsed .sidebar-collapse,.app.rail-collapsed .sidebar-theme,.app.rail-collapsed .sidebar-locale{justify-content:center;gap:0;padding-left:0;padding-right:0}.app.rail-collapsed .sidebar-collapse svg{transform:rotate(180deg)}.sidebar-foot{display:grid;gap:4px;margin-top:auto}.sidebar-collapse,.sidebar-theme,.sidebar-locale{color:var(--muted)}.sidebar-locale-mark{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;font-size:11px;font-weight:700;letter-spacing:0}.sidebar-backdrop{display:none}.menu-btn{display:none;width:40px;height:40px;padding:10px 8px;background:transparent;border:1px solid var(--line)}.menu-btn span{display:block;height:1.5px;margin:4px 0;background:var(--text)}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.app-bar{display:flex;align-items:center;gap:14px;flex:0 0 auto;min-height:56px;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--bar)}.app-bar-title{display:grid;min-width:0;flex:1}.app-bar-title strong{font-family:Fraunces,serif;font-size:18px;font-weight:650}.app-bar-title span{color:var(--muted);font-size:12px}.studio,.asr-workspace{display:grid;gap:12px;flex:1;min-height:0;padding:12px 14px 14px}.studio{--voices-col: 360px;grid-template-columns:var(--voices-col) minmax(280px,1.08fr) minmax(340px,1fr);align-items:stretch}.studio.voices-collapsed{--voices-col: 56px}.asr-workspace{grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr)}.live-workspace{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.6fr);gap:12px;flex:1;min-height:0;padding:12px 14px 14px}.live-captions{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}.live-caption{min-height:0;overflow:hidden}.live-lines{list-style:none;margin:0;padding:0;display:grid;gap:10px;overflow:auto;flex:1}.live-lines li{padding:10px 12px;background:var(--inset);border:1px solid var(--line);line-height:1.55}.live-start{background:var(--accent);color:var(--accent-ink);border:0}.live-start:disabled{background:var(--accent-dim);color:var(--accent-ink)}.live-actions{display:flex;gap:8px}.live-actions .live-start,.live-actions .stop,.live-actions .ghost{flex:1}.live-overlay{display:grid;align-content:start;gap:8px;min-height:100%;padding:12px 14px;background:var(--bg);color:var(--text)}.live-overlay-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:12px}.live-overlay-target{margin:0;font-size:22px;font-weight:600;line-height:1.4}.live-overlay-source{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.live-overlay-prev{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.live-overlay-prev li{display:grid;gap:2px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.live-overlay-prev strong{color:var(--text);font-weight:500}.live-pop{min-height:100vh;display:grid;grid-template-rows:1fr auto;background:var(--bg)}.live-pop-hint{margin:0;padding:8px 14px 12px}.live-pip-body{margin:0;min-height:100%;background:var(--bg)}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}.panel-head span,.panel-head .hint{color:var(--muted);font-size:12px}.studio-form{flex:1;min-height:0;overflow:auto}.studio-form.stack{display:flex;flex-direction:column}.studio-form .markdown-editor{flex:1;min-height:160px}.studio-script .preview-fold{flex:0 0 auto}.studio-script .hint-compact{font-size:12px}.panel.studio-output{width:auto;min-width:0;min-height:0;align-self:stretch;overflow:hidden}.studio-output .takes-head{flex:0 0 auto;margin-bottom:8px}.studio-output .takes-head span{max-width:none}.takes-body,.takes-list{flex:1;min-height:0;display:flex;flex-direction:column}.takes-list{overflow-x:hidden;overflow-y:auto}.takes-empty{display:grid;place-items:center;flex:1;margin:0;padding:24px 12px;text-align:center;color:var(--muted)}.take-detail{display:grid;gap:8px;padding:6px 2px 4px}.studio-script{overflow:hidden;contain:layout paint}.panel.studio-voices{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-width:0;overflow:hidden;contain:paint}.voices-body{display:flex;flex-direction:column;min-height:0;overflow:auto;width:324px;min-width:324px;justify-self:start;opacity:1;contain:paint;transition:opacity .12s ease}button.voices-head{width:100%;min-width:0;max-width:100%;overflow:hidden;align-items:center;margin-bottom:8px;padding:0;background:transparent;color:var(--text);border:0;text-align:left;cursor:pointer}button.voices-head h2,button.voices-head span{white-space:nowrap}button.voices-head svg{flex:0 0 16px;width:16px;height:16px;color:var(--muted);transform:rotate(-90deg);transition:transform .22s ease}.studio.voices-collapsed .studio-voices{grid-template-rows:minmax(0,1fr) 0fr;padding:12px 8px 10px}.studio.voices-collapsed .voices-head{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;height:100%;margin:0}.studio.voices-collapsed .voices-head h2{writing-mode:vertical-rl;font-size:16px;letter-spacing:.14em}.studio.voices-collapsed .voices-head span{writing-mode:vertical-rl;max-width:none}.studio.voices-collapsed .voices-head svg{transform:rotate(90deg);margin-top:auto}.studio.voices-collapsed .voices-body{min-height:0;overflow:hidden;opacity:0;pointer-events:none;content-visibility:hidden}.studio-script .voice-list{max-height:140px;overflow:auto}.studio-script .generate{position:sticky;bottom:0;z-index:5;width:100%;margin-top:auto;background:var(--accent);color:var(--accent-ink);border:0;box-shadow:0 0 0 12px var(--panel),0 -18px 22px var(--panel)}.studio-script .generate:disabled{opacity:1;background:var(--accent-dim);color:var(--accent-ink)}.studio-script .generate.stop,.studio-script .generate.stop:disabled,button.stop{background:var(--danger);color:var(--danger-ink);border:0}button.ghost.stop{background:transparent;color:var(--danger);border:1px solid var(--danger)}.studio-output .takes-list .history-list{min-height:0;margin:0}.asr-side,.asr-result-pane{min-height:0}.asr-result-pane .asr-result{flex:1;min-height:180px}h3{margin:0;font-family:Fraunces,serif;font-size:18px}.roster{display:grid;gap:10px;margin:12px 0 18px;padding:12px;border:1px solid var(--line);background:var(--inset)}.roster-head{display:flex;justify-content:space-between;align-items:baseline;color:var(--muted)}.roster-list{display:flex;flex-wrap:wrap;gap:8px}.roster-chip,button.roster-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;background:transparent;color:var(--text);border:1px solid var(--accent);font-weight:600}.roster-chip small{color:var(--accent);font-weight:500}.roster-chip.pending{border-style:dashed;color:var(--muted)}.voice-block{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.fold{border-top:1px solid var(--line)}.fold-head{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 0;background:transparent;color:var(--text);border:0;text-align:left;font-weight:600}.fold-head h3{flex:1;min-width:0;font-size:16px}.fold-head span{color:var(--muted);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46%}.fold-head svg{flex:0 0 16px;width:16px;height:16px;color:var(--muted);transform:rotate(-90deg)}.fold.on .fold-head svg{transform:none}.fold-body{display:grid;gap:10px;padding-bottom:12px}.subpanel{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow:auto}.subpanel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.kicker{margin:0 0 6px;letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:var(--accent)}h1{margin:0;font-family:Fraunces,serif;font-size:42px;font-weight:650}h2{margin:0;font-family:Fraunces,serif;font-size:20px}.hint,.status p{margin:0;color:var(--muted);line-height:1.5}.status{display:flex;gap:10px;align-items:center;padding:6px 10px;border:1px solid var(--line);background:var(--status-bg);max-width:360px}.status strong{font-size:12px}.status p{font-size:11px}.dot{width:10px;height:10px;border-radius:50%;background:var(--danger)}.dot.on{background:var(--ok)}.panel{display:flex;flex-direction:column;min-height:0;overflow:auto;background:var(--panel);border:1px solid var(--line);padding:16px 18px 18px}.stack,label{display:grid;gap:8px}.mode-switch{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}.mode-switch button.active{background:var(--accent);color:var(--accent-ink)}.engine-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 10px}.engine-switch button{width:100%;min-width:0;padding:8px 4px;background:transparent;color:var(--text);border:1px solid var(--line)}.blend-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.blend-sliders{display:grid;gap:8px;margin:0 0 12px}.blend-slider{display:grid;gap:4px;font-weight:600;font-size:13px}.blend-slider span{display:flex;justify-content:space-between;gap:8px}.blend-slider small{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.blend-slider input[type=range]{width:100%;min-height:0;height:16px;padding:0;accent-color:var(--accent)}.speaker-grid{display:grid;grid-template-columns:1fr;gap:8px}.speaker-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 6px}.speaker-group-title{font-size:.82rem;font-weight:600;color:var(--muted)}.speaker-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;position:relative;padding:10px 10px 10px 14px;border:1px solid var(--line);background:var(--inset)}.speaker-card.on{border-color:var(--accent);background:var(--selected)}.speaker-card.on:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}button.speaker{display:grid;grid-template-columns:7.25rem minmax(0,1fr);justify-items:start;justify-content:start;align-items:center;align-content:start;width:100%;min-width:0;column-gap:8px;row-gap:6px;padding:2px 2px 0;text-align:left;background:transparent;color:var(--text);border:0;font-weight:600}.speaker-name{grid-column:1;grid-row:1;min-width:0;font-family:Fraunces,serif;font-size:15px;font-weight:650;letter-spacing:.01em;text-align:left}.speaker-native{grid-column:2;grid-row:1;display:inline-flex;flex:0 0 auto;align-items:center;padding:1px 6px;border:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.speaker-desc{grid-column:1 / -1;grid-row:2;display:block;width:100%;color:var(--muted);font-size:12px;font-weight:400;line-height:1.45;text-align:left;white-space:normal}button.speaker.on{color:var(--text)}button.speaker.on .speaker-name{color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px}button.chip{padding:7px 10px;background:transparent;color:var(--text);border:1px solid var(--line);font-weight:500;font-size:13px}button.chip.on{border-color:var(--accent);color:var(--accent)}.speaker-card>.ghost.mini{align-self:center;min-width:56px}input,textarea,select,button{font:inherit;color:var(--text);background:var(--inset);border:1px solid var(--input-line);border-radius:0}input,textarea,select{padding:10px 12px;width:100%;min-height:44px}select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:36px;background-color:var(--inset);background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 12px center}textarea{resize:vertical}button,.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;background:var(--accent);color:var(--accent-ink);border:0;font-weight:600;cursor:pointer;text-decoration:none}button.speaker{display:grid;grid-template-columns:7.25rem minmax(0,1fr);justify-content:start;align-items:center;justify-items:start;width:100%}button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}button:disabled{opacity:.55;cursor:not-allowed}.row{display:flex;gap:10px;align-items:center}.row select{flex:1}.meta{flex-wrap:wrap;justify-content:space-between;color:var(--muted);font-size:13px}.grow{flex:1}.script-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:end}.script-checks{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.script-controls .temp-control{grid-column:1 / -1}.script-controls .temp-row{min-height:32px}.script-controls .check{min-height:44px;padding-bottom:4px}label.check{display:flex;align-items:center;gap:8px;font-weight:600}label.check input{width:16px;height:16px;accent-color:var(--accent)}.temp-control{display:grid;gap:8px;font-weight:600}.temp-row{display:flex;align-items:center;gap:12px;min-height:44px}.temp-row input[type=range]{flex:1;min-height:0;height:16px;padding:0;accent-color:var(--accent)}.temp-row span{width:3.2em;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.stepper{display:flex;align-items:center;min-height:44px;min-width:132px;padding:4px;background:var(--inset);border:1px solid var(--input-line)}.stepper button{width:36px;height:36px;padding:0;background:transparent;color:var(--text);border:0;font-size:18px;line-height:1}.stepper button:hover:not(:disabled){color:var(--accent)}.stepper-value{flex:1;min-width:28px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.file-field-wrap{display:grid;gap:8px;min-width:0}.row.meta .file-field-wrap{flex:1 1 160px;min-width:0}.row.meta .file-field{min-height:36px}.row.meta .file-field .file-btn{background:transparent;color:var(--text);border:1px solid var(--line);padding:6px 10px}.file-field{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 6px 6px 12px;background:var(--inset);border:1px solid var(--input-line)}.file-field .file-name{flex:1;min-width:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-field .file-btn{flex-shrink:0;padding:8px 14px;background:var(--accent);color:var(--accent-ink);font-weight:600;pointer-events:none}.file-field input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0;background:transparent}.voice-player{display:none}.voice-list{display:grid;gap:8px}.voice-card{display:grid;gap:8px;padding:10px;background:var(--inset);border:1px solid var(--line)}.voice-card.on{border-color:var(--accent)}.voice-select{display:grid;gap:4px;width:100%;padding:0;background:transparent;color:var(--text);border:0;text-align:left;font-weight:600}.voice-select small{color:var(--muted);font-weight:400}.voice-actions{display:flex;flex-wrap:wrap;gap:8px}.script-save{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.script-save input{flex:1 1 160px;min-width:0}button.mini{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px}.voice-rename{display:flex;gap:8px;align-items:center}.voice-rename input{flex:1}.rec-script{display:grid;gap:6px;padding:12px 14px;background:var(--rec-bg);border:1px solid var(--line);font-size:16px;line-height:1.65;font-weight:600}.rec-script span{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.04em}.rec-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.rec-live{color:var(--rec-live);font-variant-numeric:tabular-nums;font-weight:600}button.rec-stop{background:var(--rec-stop);color:var(--rec-stop-ink)}.rec-player{width:100%}.history-list{min-height:0}.media-card{display:grid;gap:4px;padding:4px 6px;background:var(--inset);border:1px solid var(--line)}.media-card.on{border-color:var(--accent)}.media-card strong{color:var(--accent)}.markdown-editor{min-height:220px;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.55;tab-size:2}.markdown-wrap{position:relative;flex:1 1 180px;min-height:180px;display:flex}.markdown-wrap .markdown-editor{flex:1;min-height:160px;width:100%}.markdown-wrap.is-loading .markdown-editor{opacity:.45}.markdown-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--accent);background:var(--loading-veil);font-size:13px}.spin{display:inline-block;width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .65s linear infinite;flex:none}button .spin,.loading-line .spin,.markdown-loading .spin{width:12px;height:12px}.loading-line{display:flex;align-items:center;gap:8px}@keyframes spin{to{transform:rotate(360deg)}}.md-preview{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:180px;overflow:auto}.md-preview li{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:8px 10px;background:var(--inset);border:1px solid var(--line);animation:script-in .28s ease}@keyframes script-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.md-preview span{color:var(--accent);font-variant-numeric:tabular-nums}.md-preview p{margin:0}.phoneme-box{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--line);background:var(--inset)}.phoneme-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.phoneme-list{margin:0;padding:0;display:grid;gap:6px;list-style:none}.phoneme-hint{margin:0}.phoneme-list li{display:grid;grid-template-columns:2em 1fr;gap:8px;align-items:start}.phoneme-list span{color:var(--muted);font-variant-numeric:tabular-nums}.phoneme-words{display:flex;flex-wrap:wrap;gap:8px}.phoneme-word{display:grid;gap:4px;min-width:7.5rem}.phoneme-word span{font-size:12px}.phoneme-word input{min-height:34px;padding:6px 8px;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.clips{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.clip-voices{display:grid;gap:4px}.clip-voice{display:flex;align-items:center;gap:8px;min-width:0;min-height:32px}.clip-voice>strong,.clip-voice-label{flex:0 1 168px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.clip-flag{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.02em;padding:2px 6px;border-radius:999px;white-space:nowrap}.clip-flag.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 18%,transparent)}.clip-flag.warn{color:var(--danger);background:color-mix(in srgb,var(--danger) 16%,transparent)}.clip-voice-label{padding:0;background:transparent;color:inherit;border:0;text-align:left}.clip-voice-label strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.clip-voice .mini{flex:0 0 auto;padding:4px 8px;min-height:28px}.tracks{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.track-list{display:grid;gap:4px;margin-top:8px}.player span{flex:0 0 auto;font-weight:600;color:var(--accent)}.clip-voice audio{flex:1;min-width:80px;height:32px;max-height:32px}.theme-audio{display:flex;align-items:center;gap:6px;flex:1;min-width:80px;height:32px;padding:0 8px 0 2px;background:var(--inset);border:1px solid var(--line);color:var(--text)}.theme-audio audio{display:none}.theme-audio-play{flex:0 0 28px;width:28px;height:28px;padding:0;background:transparent;color:var(--text);border:0}.theme-audio-play svg{width:14px;height:14px}.theme-audio input[type=range]{flex:1;min-width:40px;height:4px;accent-color:var(--accent)}.theme-audio span{flex:0 0 auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.studio-output .theme-audio{flex:1 1 140px;max-width:none;min-width:96px;padding-right:4px}.studio-output .theme-audio input[type=range]{min-width:0}.studio-output .clip-voice>strong,.studio-output .clip-voice-label{flex:0 0 156px;max-width:156px}.button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.playback{display:grid;gap:16px}.asr-result{min-height:280px;font-size:15px;line-height:1.55}.bar{height:8px;background:var(--bar-track);margin-bottom:10px}.bar span{display:block;height:100%;background:var(--accent)}.player{display:flex;gap:12px;align-items:center;margin-top:12px}.flash{margin:0;padding:8px 16px;color:var(--accent);border-bottom:1px solid var(--line)}.theme-btn,.locale-btn{display:none;width:40px;height:40px;padding:8px;background:transparent;color:var(--muted);border:1px solid var(--line)}.theme-btn:hover,.locale-btn:hover{color:var(--text);background:var(--hover)}.theme-btn svg{width:20px;height:20px}.locale-btn{font-size:12px;font-weight:700}@media(max-width:1280px){.studio{grid-template-columns:var(--voices-col) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,42%)}.panel.studio-output{grid-column:1 / -1;width:auto;min-width:0;height:auto}}@media(max-width:960px){.app,.app.rail-collapsed{--rail: 0px;grid-template-columns:minmax(0,1fr);transition:none}.sidebar{position:fixed;inset:0 auto 0 0;width:min(220px,86vw);z-index:30;transform:translate(-100%);transition:transform .18s ease}.app.drawer-open .sidebar,.app.rail-collapsed.drawer-open .sidebar{transform:none}.app.rail-collapsed .sidebar-brand-text,.app.rail-collapsed .sidebar-link span,.app.rail-collapsed .sidebar-collapse span,.app.rail-collapsed .sidebar-theme span,.app.rail-collapsed .sidebar-locale span{opacity:1;max-width:140px;pointer-events:auto}.app.rail-collapsed .sidebar-brand{justify-content:flex-start;gap:10px}.app.rail-collapsed .sidebar-link,.app.rail-collapsed .sidebar-collapse,.app.rail-collapsed .sidebar-theme,.app.rail-collapsed .sidebar-locale{justify-content:flex-start;gap:10px;padding:8px 10px}.app.rail-collapsed .sidebar-collapse svg{transform:none}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:25;background:var(--overlay);border:0;padding:0}.menu-btn,.theme-btn,.locale-btn{display:grid}.sidebar-collapse{display:none}.studio,.studio.voices-collapsed,.asr-workspace,.live-workspace,.live-captions,.row,.script-controls{display:grid;grid-template-columns:1fr;grid-template-rows:none}.studio.voices-collapsed .studio-voices{padding:10px 16px 12px;max-height:52px}.panel.studio-voices{max-height:min(72vh,820px)}.voices-body{width:100%;min-width:0}.studio.voices-collapsed .voices-head{flex-direction:row;height:auto;gap:12px}.studio.voices-collapsed .voices-head h2,.studio.voices-collapsed .voices-head span{writing-mode:horizontal-tb}.studio.voices-collapsed .voices-head svg{margin-top:0}.script-controls .temp-control,.script-controls .check,.script-checks{grid-column:auto;min-height:0;padding-bottom:0}.panel.studio-output{grid-column:auto;width:auto;min-width:0;max-height:none;min-height:50vh;height:auto}.status{max-width:none}.app-bar-title span{display:none}}@media(prefers-reduced-motion:reduce){.app,.sidebar,.sidebar-brand,.sidebar-brand-text,.sidebar-link,.sidebar-collapse,.sidebar-theme,.sidebar-locale,.sidebar-link span,.sidebar-collapse span,.sidebar-theme span,.sidebar-locale span,.sidebar-collapse svg,.studio,.panel.studio-voices,.voices-body,button.voices-head,button.voices-head h2,button.voices-head span,button.voices-head svg{transition:none}}