:root{--color-bg:#f5f1e8;--color-surface:#fffdf7;--color-surface-soft:#f4ede3;--color-control:#fffaf4;--color-border:#ddd5c6;--color-border-strong:#c8baa8;--color-text:#171512;--color-muted:#6c655c;--color-on-primary:#fffdf7;--color-primary:#8f482d;--color-primary-hover:#783a25;--color-primary-soft:#f5e5da;--color-primary-soft-hover:#edd6c7;--color-accent:#c96442;--color-danger:#923e2d;--color-danger-soft:#fae7df;--color-warning:#9a681f;--color-warning-soft:#f8ead0;--color-success:#52664f;--color-success-soft:#e8eee4;--color-neutral:#5d6255;--color-neutral-soft:#e8e9df;--bg:var(--color-bg);--surface:var(--color-surface);--surface-soft:var(--color-surface-soft);--line:var(--color-border);--text:var(--color-text);--muted:var(--color-muted);--accent:var(--color-accent);--ink:var(--color-text);--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-40:40px;--shadow:0 1px 2px #271f130a;--shadow-floating:0 12px 32px #271f1314;--shadow-hover:var(--shadow-floating);--radius-control:12px;--radius-card:16px;--radius-panel:18px;--radius-pill:999px;--text-display:clamp(2.5rem, 5vw, 4rem);--text-heading:clamp(1.5rem, 2.4vw, 2rem);--text-subheading:1.125rem;--text-body:1rem;--text-label:.875rem;--text-caption:.8125rem;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);font-family:inherit;font-size:var(--text-body);margin:0;line-height:1.6}button{font:inherit}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.showcase-input-fields{gap:var(--space-24);border:0;min-width:0;margin:0;padding:0;display:grid}.showcase-input-fields:disabled{opacity:.68}.showcase-section-divider{background:var(--color-border);height:1px}.showcase-action-area{gap:var(--space-12);margin-top:var(--space-32);padding-top:var(--space-24);border-top:1px solid var(--color-border);display:grid}.showcase-selected-file{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.showcase-selected-file strong{color:var(--color-text)}.showcase-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.showcase-field{gap:var(--space-8);min-width:0;display:grid}.showcase-field-label{color:var(--color-text);font-size:var(--text-label);font-weight:650}.showcase-control{width:100%;min-height:44px;padding:0 var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-control);font:inherit}.showcase-control:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.showcase-control:disabled{cursor:not-allowed;opacity:.62}.showcase-help{color:var(--color-muted);font-size:var(--text-label);margin:0;line-height:1.6}.showcase-sample-count,.showcase-input-message{color:var(--color-muted);font-size:var(--text-caption);margin:0;line-height:1.6}.showcase-input-message--error{color:var(--color-danger)}.showcase-sample-list{gap:var(--space-8);max-height:212px;padding:var(--space-4) var(--space-8) var(--space-4) 0;scrollbar-color:var(--color-border-strong) transparent;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid;overflow-y:auto}.showcase-sample-list li{min-width:0}.showcase-sample-button{overflow-wrap:anywhere;width:100%;min-width:0;min-height:44px;padding:var(--space-8) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-surface);cursor:pointer;font:inherit;text-align:left}.showcase-sample-button:hover:not(:disabled){border-color:var(--color-border-strong)}.showcase-sample-button[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.showcase-sample-button:focus-visible,.showcase-action-control:focus-visible,.showcase-action-control:focus-within{outline:2px solid var(--color-primary);outline-offset:3px}.showcase-sample-button:disabled,.showcase-action-control[aria-disabled=true]{cursor:not-allowed;opacity:.55}.showcase-action-control{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);width:fit-content;min-height:44px;color:var(--color-text);background:var(--color-surface);cursor:pointer;font:inherit;font-size:var(--text-label);justify-content:center;align-items:center;padding:0 18px;font-weight:650;display:inline-flex}.showcase-action-control:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.showcase-action-control:disabled{cursor:not-allowed;opacity:.55}.showcase-file-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.showcase-audio-player{width:100%;display:block}.showcase-result-card{gap:var(--space-16);padding:var(--space-24);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);display:grid}.showcase-status-badge{width:fit-content;padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);color:var(--color-primary);background:var(--color-primary-soft);font-size:var(--text-caption);margin:0;font-weight:650}.showcase-status-badge--danger{color:var(--color-danger);background:var(--color-danger-soft)}.showcase-status-badge--warning{color:var(--color-warning);background:var(--color-warning-soft)}.showcase-status-badge--neutral{color:var(--color-neutral);background:var(--color-neutral-soft)}.showcase-metric-grid{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.showcase-metric-card{gap:var(--space-8);min-width:0;padding:var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);display:grid}.showcase-metric-card>span{color:var(--color-muted);font-size:var(--text-caption)}.showcase-metric-card>strong{font-size:var(--text-subheading)}.showcase-meta-row{gap:var(--space-8) 18px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--text-caption);flex-wrap:wrap;padding-top:15px;line-height:1.6;display:flex}.showcase-notice{gap:var(--space-8);padding:var(--space-16);border-radius:var(--radius-card);color:var(--color-muted);background:var(--color-surface-soft);line-height:1.65;display:grid}.showcase-notice>:first-child,.showcase-notice>:last-child{margin:0}.showcase-progress{border-radius:var(--radius-pill);background:var(--color-surface-soft);height:8px;overflow:hidden}.showcase-progress>span{border-radius:inherit;background:var(--color-accent);height:100%;display:block}@media (width<=560px){.showcase-sample-list{grid-template-columns:minmax(0,1fr)}.showcase-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-shell[data-v-15860b48]{min-height:100vh}.topbar[data-v-15860b48]{border-bottom:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items:center;min-height:64px;padding:0 clamp(20px,5vw,72px);display:flex}.brand[data-v-15860b48]{align-items:center;gap:var(--space-8);font-size:var(--text-subheading);font-weight:700;display:flex}.brand-logo[data-v-15860b48]{object-fit:contain;width:32px;height:32px;display:block}.content[data-v-15860b48]{width:min(920px,100% - 40px);margin:0 auto;padding:56px 0 72px}.content.wide[data-v-15860b48]{width:min(1180px,100% - 40px)}@media (width<=760px){.topbar[data-v-15860b48]{min-height:56px;padding:0 18px}.content[data-v-15860b48]{width:min(100% - 36px,920px);padding:38px 0 52px}.content.wide[data-v-15860b48]{width:min(100% - 36px,1180px)}}.base-button[data-v-3441805b]{justify-content:center;align-items:center;gap:var(--space-8);min-height:44px;padding:0 var(--space-16);border-radius:var(--radius-control);cursor:pointer;font-size:var(--text-label);border:1px solid #0000;font-weight:650;transition:border-color .16s,color .16s,background-color .18s;display:inline-flex}.base-button--compact[data-v-3441805b]{min-height:36px;padding:0 var(--space-12)}.base-button--primary[data-v-3441805b]{color:var(--color-on-primary);background:var(--color-primary)}.base-button--primary[data-v-3441805b]:hover:not(:disabled){background:var(--color-primary-hover)}.base-button--secondary[data-v-3441805b]{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface)}.base-button--secondary[data-v-3441805b]:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.base-button--ghost[data-v-3441805b]{color:var(--color-primary);background:0 0}.base-button--ghost[data-v-3441805b]:hover:not(:disabled){background:var(--color-primary-soft)}.base-button[data-v-3441805b]:disabled{cursor:not-allowed;opacity:.52}.base-button__icon[data-v-3441805b]{flex:none;display:inline-flex}.panel[data-v-6dbfcefb]{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--shadow);padding:clamp(24px,4vw,40px)}@media (width<=480px){.panel[data-v-6dbfcefb]{padding:22px 18px}}.demo-workspace[data-v-aeb39e4b]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;display:grid}.demo-workspace[data-v-aeb39e4b]>*{min-width:0}.demo-workspace--result-sticky .demo-workspace__result[data-v-aeb39e4b]{top:var(--space-24);position:sticky}@media (width>=861px) and (height>=760px){.demo-workspace--input-sticky .demo-workspace__input[data-v-aeb39e4b]{top:var(--space-24);position:sticky}}@media (width<=860px){.demo-workspace[data-v-aeb39e4b]{grid-template-columns:minmax(0,1fr)}.demo-workspace__result[data-v-aeb39e4b]{position:static}}.page-header[data-v-540ea7a1]{margin-bottom:var(--space-32)}.kicker[data-v-540ea7a1],.description[data-v-540ea7a1]{color:var(--muted)}.kicker[data-v-540ea7a1]{font-size:var(--text-caption);letter-spacing:.02em;margin:0;font-weight:600}h1[data-v-540ea7a1]{font-size:var(--text-display);letter-spacing:-.035em;margin:8px 0 12px;line-height:1.04}.description[data-v-540ea7a1]{max-width:680px;font-size:var(--text-body);margin:0;line-height:1.7}.panel-header[data-v-7e0b60f0]{margin-bottom:var(--space-24);display:grid}.panel-header--sticky-title[data-v-7e0b60f0]{display:contents}.panel-header__title-row[data-v-7e0b60f0]{justify-content:space-between;align-items:flex-start;gap:var(--space-16);min-width:0;display:flex}.panel-header--sticky-title .panel-header__title-row[data-v-7e0b60f0]{z-index:3;top:var(--space-12);margin:calc(var(--space-8) * -1) calc(var(--space-12) * -1) 0;padding:var(--space-8) var(--space-12);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:0 1px 0 var(--color-border);position:sticky}.panel-header--sticky-title.panel-header--has-description .panel-header__description[data-v-7e0b60f0],.panel-header--sticky-title:not(.panel-header--has-description) .panel-header__title-row[data-v-7e0b60f0]{margin-bottom:var(--space-24)}.panel-header__main[data-v-7e0b60f0]{min-width:0}.panel-header__eyebrow[data-v-7e0b60f0],.panel-header__description[data-v-7e0b60f0],.panel-header__meta[data-v-7e0b60f0],.panel-header h2[data-v-7e0b60f0]{margin:0}.panel-header__eyebrow[data-v-7e0b60f0]{color:var(--color-muted);font-size:var(--text-caption);letter-spacing:.04em;font-weight:600}.panel-header h2[data-v-7e0b60f0]{margin-top:var(--space-4);font-size:var(--text-heading);letter-spacing:-.02em;line-height:1.2}.panel-header__description[data-v-7e0b60f0]{margin-top:var(--space-8);color:var(--color-muted);line-height:1.6}.panel-header__meta[data-v-7e0b60f0]{color:var(--color-muted);font-size:var(--text-caption);flex:none;padding-top:1.75rem}@media (width<=480px){.panel-header__title-row[data-v-7e0b60f0]{gap:var(--space-12)}.panel-header--sticky-title .panel-header__title-row[data-v-7e0b60f0]{top:var(--space-8)}}.result-state-panel[data-v-c5180a50]{min-height:250px;padding:var(--space-32);align-content:center;place-items:center;gap:var(--space-16);border:1px dashed var(--color-border-strong);border-radius:var(--radius-card);color:var(--color-muted);background:var(--color-control);text-align:center;line-height:1.7;display:grid}.result-state-panel--error[data-v-c5180a50]{border-style:solid;border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-soft)}.result-state-panel__spinner[data-v-c5180a50]{border:3px solid var(--color-primary-soft-hover);border-top-color:var(--color-primary);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite result-state-spin-c5180a50}@keyframes result-state-spin-c5180a50{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.result-state-panel__spinner[data-v-c5180a50]{animation:none}}.ui-icon[data-v-05786fc4]{flex:none;display:block}.recorder-orb[data-v-664a8f11]{width:112px;height:112px;color:var(--color-on-primary);background:var(--color-primary);box-shadow:0 0 0 10px var(--color-primary-soft), var(--shadow-floating);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .18s,background-color .18s;display:grid}.recorder-orb[data-v-664a8f11]:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px)}.recorder-orb[data-v-664a8f11]:focus-visible{outline:2px solid var(--color-primary);outline-offset:13px}.recorder-orb[data-v-664a8f11]:disabled{background:var(--color-border-strong);cursor:not-allowed}.language-direction[data-v-98032f9f]{gap:var(--space-16);display:grid}.language-direction__title-row[data-v-98032f9f]{justify-content:space-between;align-items:flex-start;gap:var(--space-16);display:flex}.language-direction__title-row p[data-v-98032f9f]{margin:0}.language-direction__title-row .showcase-help[data-v-98032f9f]{margin-top:var(--space-4)}.language-direction__swap[data-v-98032f9f]{flex:none}.language-direction__controls[data-v-98032f9f]{align-items:end;gap:var(--space-12);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.language-direction__arrow[data-v-98032f9f]{min-height:44px;color:var(--color-muted);place-items:center;display:grid}@media (width<=560px){.language-direction__title-row[data-v-98032f9f]{flex-direction:column;align-items:stretch}.language-direction__swap[data-v-98032f9f]{width:100%}.language-direction__controls[data-v-98032f9f]{grid-template-columns:minmax(0,1fr)}.language-direction__arrow[data-v-98032f9f]{min-height:auto;transform:rotate(90deg)}}.streaming-transcript[data-v-64fbd224]{gap:var(--space-8);min-width:0;padding:var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-control);display:grid}.streaming-transcript p[data-v-64fbd224]{margin:0}.streaming-transcript__label[data-v-64fbd224]{color:var(--color-muted);font-size:var(--text-caption);font-weight:700}.streaming-transcript__text[data-v-64fbd224],.streaming-transcript__empty[data-v-64fbd224]{overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.75}.streaming-transcript__text[data-v-64fbd224]{color:var(--color-text);font-size:var(--text-body)}.streaming-transcript__stash[data-v-64fbd224],.streaming-transcript__empty[data-v-64fbd224]{color:var(--color-muted)}.streaming-transcript__stash[data-v-64fbd224]{opacity:.72}.realtime-result[data-v-032d9f13]{border-top:4px solid var(--color-accent)}.realtime-result__error[data-v-032d9f13]{color:var(--color-danger)}.realtime-result__finishing[data-v-032d9f13]{align-items:center;gap:var(--space-8);display:inline-flex}.realtime-result__spinner[data-v-032d9f13]{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite realtime-result-spin-032d9f13}.realtime-result__finishing-hint[data-v-032d9f13]{margin:0 0 var(--space-8)}.realtime-result__audio strong[data-v-032d9f13]{color:var(--color-text)}@keyframes realtime-result-spin-032d9f13{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.realtime-result__spinner[data-v-032d9f13]{animation:none}}.recorder-control__stage[data-v-07fea397]{min-height:326px;padding:34px var(--space-24);align-content:center;place-items:center;gap:var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);text-align:center;display:grid}.recorder-control__label[data-v-07fea397],.recorder-control__timer[data-v-07fea397],.recorder-control__hint[data-v-07fea397]{margin:0}.recorder-control__label[data-v-07fea397]{margin-top:var(--space-8);color:var(--color-text);font-size:var(--text-heading);font-weight:800}.recorder-control__timer[data-v-07fea397]{color:var(--color-primary);font-variant-numeric:tabular-nums;font-weight:750}.recorder-control__progress[data-v-07fea397]{width:100%;max-width:360px}.recorder-control__hint[data-v-07fea397]{max-width:360px}.demo-label[data-v-c9fb7c4f]{color:var(--color-muted);font-size:var(--text-caption);letter-spacing:.02em}.input-panel[data-v-c9fb7c4f],.result-panel[data-v-c9fb7c4f]{overflow:hidden}.input-panel__notice[data-v-c9fb7c4f]{margin:var(--space-24) 0 0;font-size:var(--text-label)}