#asr-playground{max-width:1440px;margin:0 auto}#asr-playground .console-heading{align-items:center}#asr-playground .console-heading h1{font-size:clamp(1.9rem,3.1vw,3rem);letter-spacing:-.045em;line-height:1.18}.asr-workbench{display:grid;grid-template-columns:1fr 1fr;gap:20px}.asr-workbench>.panel{margin:0;padding:26px}.asr-section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.asr-section-title h2{margin:0;font-size:1.08rem}.asr-section-title>.badge,.asr-section-title>button,.asr-section-title>#asr-selected{margin-left:auto}.asr-step{font:500 .78rem ui-monospace,monospace;color:var(--muted);border:1px solid var(--line);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.asr-upload{min-height:170px;border:1px dashed var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;gap:9px;cursor:pointer;background:var(--bg)}.asr-upload span:not(.asr-wave){font-size:.76rem;color:var(--muted)}.asr-upload input{max-width:100%;font-size:.75rem}.asr-wave{font-size:2rem;letter-spacing:5px;color:var(--blue);line-height:1.5}.asr-record-row{display:flex;align-items:center;gap:14px;margin:16px 0}.asr-record-row span{font-variant-numeric:tabular-nums;font-size:.8rem}.asr-input audio{width:100%;margin-bottom:15px}.asr-input label:not(.asr-upload){display:grid;gap:8px;font-size:.82rem}#asr-models{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px;max-height:310px;overflow:auto}.asr-model{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;min-width:0}.asr-model:has(:checked){border-color:var(--blue);background:color-mix(in srgb,var(--blue) 6%,transparent)}.asr-model:has(:disabled):not(:has(:checked)){opacity:.58}.asr-model input{width:16px;height:16px;flex:0 0 auto;accent-color:var(--blue);margin:0}.asr-model strong{font-size:.8rem;display:block}.asr-model small{display:block;font:.68rem ui-monospace,monospace;color:var(--muted);overflow-wrap:anywhere}.asr-model-state{margin-left:auto;font-size:.65rem;white-space:nowrap;color:var(--muted)}#asr-submit{width:100%;justify-content:center;margin-top:4px}.asr-output{margin:32px 0}.asr-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;align-items:stretch}.asr-empty{grid-column:1/-1;min-height:160px;display:grid;place-items:center;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);padding:24px}.asr-result{padding:22px!important;margin:0!important;min-height:255px;overflow-wrap:anywhere}.asr-result-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.asr-result h3{margin:0;font-size:1rem}.asr-result>code{font-size:.7rem;color:var(--muted)}.asr-result .badge{font-size:.65rem}.asr-transcript{white-space:pre-wrap;line-height:1.8;font-size:1rem;min-height:95px}.asr-result[data-status=failed]{border-color:#b66a50}.asr-result[data-status=succeeded]{border-top:3px solid var(--blue)}.asr-result button{margin:6px 8px 0 0}.asr-history{margin:24px 0}.asr-history summary{cursor:pointer;font-weight:600}.asr-history-row{display:grid;grid-template-columns:150px 140px 1fr;gap:16px;border-top:1px solid var(--line);padding:14px 0;font-size:.8rem}.asr-history-row:first-child{margin-top:16px}.asr-history-row p{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.asr-sdk{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:24px}.asr-sdk h2{font-size:1.5rem;letter-spacing:-.035em}.asr-sdk pre{overflow:auto;max-width:100%;font-size:.77rem;line-height:1.8;padding:22px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.asr-sdk .button{margin:5px 5px 0 0}#asr-status:empty{display:none}#asr-playground button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1150px){#asr-models{grid-template-columns:1fr}}@media(max-width:760px){.asr-workbench,.asr-sdk,.asr-results{grid-template-columns:1fr}.asr-workbench>.panel{padding:20px}.asr-history-row{grid-template-columns:1fr auto;gap:8px}.asr-history-row p{grid-column:1/-1}.asr-section-title{gap:8px}.asr-sdk{gap:12px}.asr-model-state{font-size:.72rem}#asr-playground .console-heading{align-items:flex-start}.asr-upload{padding:16px}.asr-wave{letter-spacing:3px}}.asr-sdk pre code{color:var(--text);background:transparent}