:root{--color-bg:#f5f1e8;--color-surface:#fffdf7;--color-surface-soft:#f4ede3;--color-control:#fffaf4;--color-border:#ddd5c6;--color-text:#171512;--color-muted:#6c655c;--color-primary:#8f482d;--color-primary-hover:#783a25;--color-accent:#c96442;--color-danger:#923e2d;--color-warning:#9a681f;--color-neutral:#5d6255;--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 0 #00000008;--shadow-hover:0 18px 38px #271f1312;--radius-control:12px;--radius-card:16px;--radius-panel:18px;--radius-pill:999px;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.5}*,:before,:after{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:radial-gradient(circle at 70% 6%, #fffdf7b8, transparent 28%), var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-family:inherit;font-size:15px;line-height:1.5}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:#55453c}.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-weight:700}.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);margin:0;font-size:.875rem;line-height:1.6}.showcase-sample-count,.showcase-input-message{color:var(--color-muted);margin:0;font-size:.82rem;line-height:1.6}.showcase-input-message--error{color:var(--color-danger)}.showcase-sample-list{gap:var(--space-8);scrollbar-color:#bba995 transparent;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));max-height:212px;margin:0;padding:2px 6px 2px 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:8px var(--space-12);border-radius:var(--radius-control);color:#4f4037;background:var(--color-surface);cursor:pointer;font:inherit;text-align:left;border:1px solid #e7d8ca}.showcase-sample-button:hover:not(:disabled){border-color:#c9ab95}.showcase-sample-button[aria-pressed=true]{color:#6f321b;background:#f9e7dd;border-color:#a14f2e}.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-radius:var(--radius-control);color:#fff;background:var(--color-primary);cursor:pointer;width:fit-content;min-height:44px;font:inherit;border:0;justify-content:center;align-items:center;padding:0 18px;font-weight:700;display:inline-flex}.showcase-action-control:hover:not(:disabled){background:var(--color-primary-hover)}.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{padding:var(--space-24);border-radius:var(--radius-card);background:linear-gradient(145deg,#fffdf9,#fbf3e9);border:1px solid #e6d6c8;gap:20px;display:grid}.showcase-status-badge{border-radius:var(--radius-pill);color:#6d4631;background:#f2dfd1;width:fit-content;margin:0;padding:6px 11px;font-size:.84rem;font-weight:700}.showcase-status-badge--danger{color:#813824;background:#f8ddd2}.showcase-status-badge--warning{color:#78511a;background:#f8e7c8}.showcase-status-badge--neutral{color:#53574c;background:#e8e9df}.showcase-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.showcase-metric-card{gap:var(--space-8);border-radius:var(--radius-control);background:var(--color-surface);border:1px solid #e6dacd;min-width:0;padding:14px;display:grid}.showcase-metric-card>span{color:var(--color-muted);font-size:.82rem}.showcase-metric-card>strong{font-size:1.12rem}.showcase-meta-row{gap:var(--space-8) 18px;color:var(--color-muted);border-top:1px solid #e5d8cc;flex-wrap:wrap;padding-top:15px;font-size:.82rem;line-height:1.6;display:flex}.showcase-notice{padding:var(--space-16);border-radius:var(--radius-card);color:#5f584f;background:var(--color-surface-soft);gap:7px;line-height:1.65;display:grid}.showcase-notice>:first-child,.showcase-notice>:last-child{margin:0}.showcase-progress{border-radius:var(--radius-pill);background:#eee5db;height:8px;overflow:hidden}.showcase-progress>span{border-radius:inherit;background:linear-gradient(90deg, #dd9a72, 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-02a406f8]{min-height:100vh}.topbar[data-v-02a406f8]{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf79e;border-bottom:1px solid #c9bead57;justify-content:space-between;align-items:center;min-height:64px;padding:0 clamp(20px,5vw,72px);display:flex}.brand[data-v-02a406f8]{align-items:center;gap:10px;font-size:20px;font-weight:720;display:flex}.brand-logo[data-v-02a406f8]{object-fit:contain;width:32px;height:32px;display:block}.content[data-v-02a406f8]{width:min(920px,100% - 40px);margin:0 auto;padding:64px 0 80px}.content.wide[data-v-02a406f8]{width:min(1180px,100% - 40px)}@media (width<=760px){.topbar[data-v-02a406f8]{min-height:56px;padding:0 18px}.content[data-v-02a406f8]{width:min(100% - 36px,920px);padding:38px 0 52px}.content.wide[data-v-02a406f8]{width:min(100% - 36px,1180px)}}button[data-v-64d7c103]{border-radius:var(--radius-control);background:var(--color-primary);color:#fff;cursor:pointer;border:0;min-height:44px;padding:0 20px;font-weight:700;transition:transform .18s,background-color .18s}button[data-v-64d7c103]:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}button[data-v-64d7c103]:disabled{color:#fffaf4;cursor:not-allowed;opacity:.78;background:#bda99b}.panel[data-v-3faaeaca]{border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow);background:#fffdf7eb;padding:clamp(24px,4vw,40px)}@media (width<=480px){.panel[data-v-3faaeaca]{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-31901f31]{margin-bottom:30px}.kicker[data-v-31901f31],.description[data-v-31901f31]{color:var(--muted)}.kicker[data-v-31901f31]{margin:0}h1[data-v-31901f31]{letter-spacing:-.02em;margin:8px 0 12px;font-size:clamp(36px,5vw,52px);line-height:1.08}.description[data-v-31901f31]{max-width:620px;margin:0}.panel-header[data-v-a196b6de]{margin-bottom:var(--space-24);display:grid}.panel-header--sticky-title[data-v-a196b6de]{display:contents}.panel-header__title-row[data-v-a196b6de]{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-a196b6de]{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);box-shadow:0 1px 0 var(--color-border);background:#fffdf7fa;position:sticky}.panel-header--sticky-title.panel-header--has-description .panel-header__description[data-v-a196b6de],.panel-header--sticky-title:not(.panel-header--has-description) .panel-header__title-row[data-v-a196b6de]{margin-bottom:var(--space-24)}.panel-header__main[data-v-a196b6de]{min-width:0}.panel-header__eyebrow[data-v-a196b6de],.panel-header__description[data-v-a196b6de],.panel-header__meta[data-v-a196b6de],.panel-header h2[data-v-a196b6de]{margin:0}.panel-header__eyebrow[data-v-a196b6de]{color:var(--color-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.panel-header h2[data-v-a196b6de]{margin-top:var(--space-4);font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.25}.panel-header__description[data-v-a196b6de]{margin-top:var(--space-8);color:var(--color-muted);line-height:1.6}.panel-header__meta[data-v-a196b6de]{color:var(--color-muted);flex:none;padding-top:1.75rem;font-size:.82rem}@media (width<=480px){.panel-header__title-row[data-v-a196b6de]{gap:var(--space-12)}.panel-header--sticky-title .panel-header__title-row[data-v-a196b6de]{top:var(--space-8)}}.result-state-panel[data-v-777133a4]{align-content:center;place-items:center;gap:var(--space-16);border-radius:var(--radius-card);min-height:250px;color:var(--color-muted);background:var(--color-control);text-align:center;border:1px dashed #dfcec0;padding:28px;line-height:1.7;display:grid}.result-state-panel--error[data-v-777133a4]{color:var(--color-danger);background:#fff3ed;border-style:solid;border-color:#e7b9a8}.result-state-panel__spinner[data-v-777133a4]{border:3px solid #ead7c9;border-top-color:var(--color-primary);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite result-state-spin-777133a4}@keyframes result-state-spin-777133a4{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.result-state-panel__spinner[data-v-777133a4]{animation:none}}.language-direction[data-v-8dc8a83f]{gap:var(--space-16);display:grid}.language-direction__title-row[data-v-8dc8a83f]{justify-content:space-between;align-items:flex-start;gap:var(--space-16);display:flex}.language-direction__title-row p[data-v-8dc8a83f]{margin:0}.language-direction__title-row .showcase-help[data-v-8dc8a83f]{margin-top:var(--space-4)}.language-direction__swap[data-v-8dc8a83f]{flex:none}.language-direction__controls[data-v-8dc8a83f]{align-items:end;gap:var(--space-12);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.language-direction__arrow[data-v-8dc8a83f]{min-height:44px;color:var(--color-muted);place-items:center;font-size:1.2rem;display:grid}@media (width<=560px){.language-direction__title-row[data-v-8dc8a83f]{flex-direction:column;align-items:stretch}.language-direction__swap[data-v-8dc8a83f]{width:100%}.language-direction__controls[data-v-8dc8a83f]{grid-template-columns:minmax(0,1fr)}.language-direction__arrow[data-v-8dc8a83f]{min-height:auto;transform:rotate(90deg)}}.streaming-transcript[data-v-753dea48]{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-753dea48]{margin:0}.streaming-transcript__label[data-v-753dea48]{color:var(--color-muted);font-size:.82rem;font-weight:700}.streaming-transcript__text[data-v-753dea48],.streaming-transcript__empty[data-v-753dea48]{overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.75}.streaming-transcript__text[data-v-753dea48]{color:var(--color-text);font-size:1.05rem}.streaming-transcript__stash[data-v-753dea48],.streaming-transcript__empty[data-v-753dea48]{color:var(--color-muted)}.streaming-transcript__stash[data-v-753dea48]{opacity:.72}.realtime-result[data-v-6ecb68a8]{border-top:5px solid #be7d44}.realtime-result__error[data-v-6ecb68a8]{color:var(--color-danger)}.realtime-result__audio strong[data-v-6ecb68a8]{color:var(--color-text)}.recorder-control[data-v-de7f77af]{gap:var(--space-16);display:grid}.recorder-control__status[data-v-de7f77af]{justify-content:space-between;align-items:flex-start;gap:var(--space-16);display:flex}.recorder-control__status p[data-v-de7f77af]{margin:0}.recorder-control__status .showcase-help[data-v-de7f77af]{margin-top:var(--space-4)}.recorder-control__status strong[data-v-de7f77af]{color:var(--color-primary);font-variant-numeric:tabular-nums;flex:none}.recorder-control__button[data-v-de7f77af]{width:100%;min-height:48px}.demo-label[data-v-c5713efe]{color:var(--color-muted);letter-spacing:.02em;font-size:.8125rem}.input-panel[data-v-c5713efe],.result-panel[data-v-c5713efe]{overflow:hidden;box-shadow:0 14px 34px #4834210f}.input-panel__notice[data-v-c5713efe]{margin:var(--space-24) 0 0;font-size:.86rem}