.page-playground .pg-wrap{width:100%;max-width:none;margin:0;padding:8px 0 140px}.page-playground .pg-head{align-items:end;margin-bottom:28px}.page-playground .pg-head .page-eyebrow{color:var(--h-text-faint);font:500 11.5px/1 var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px}.page-playground .pg-head .page-title{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4.2vw,54px);font-weight:500;line-height:1.02}.page-playground .pg-modes{background:#ffffff0d;border:0;border-radius:999px;padding:4px}.page-playground .pg-modes .tabstrip-tab{border-radius:999px}.page-playground :is(.pg-surface,.pg-panel,.pg-code){-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff09;border:0;border-radius:22px;box-shadow:inset 0 1px #ffffff0d}.page-playground .pg-surface{padding:24px}.page-playground .pg-panel{padding:20px}.page-playground .pg-rail{top:24px}.page-playground .pg-panel :is(select,textarea,input[type=text],input[type=number],.pg-select){background-color:#00000047;border:0;border-radius:12px}.page-playground .pg-chat .pg-composer{background:#00000047;border:0;border-radius:18px;margin-top:20px;padding:14px 16px 12px;box-shadow:inset 0 0 0 1px #ffffff0d}.page-playground .pg-chat .pg-composer:focus-within{box-shadow:inset 0 0 0 1px #ffffff29}.page-playground .pg-chat .pg-composer>.pg-label{margin:0 0 6px;padding:0}.page-playground :is(.pg-chat,.pg-tts-studio,.pg-media-studio,.pg-live) .pg-composer .pg-input{background:0 0;border:0;border-radius:0;padding:4px 0}.page-playground .pg-composer-row{padding-top:10px}.page-playground .pg-btn.is-primary{background:var(--h-text);color:#111;border:0}.page-playground .pg-btn.is-primary:disabled{color:var(--h-text-faint);background:#ffffff14}.page-playground .pg-stats{background:#ffffff09;border:0;border-radius:16px}.page-playground .pg-stat+.pg-stat{border-color:#ffffff0d}.page-playground .pg-code pre,.page-playground .pg-code .pg-code-body{background:#0000004d;border:0;border-radius:14px}.page-playground .pg-chips button{background:#ffffff12;border:0}.page-playground .pg-chips button:hover{background:#ffffff1f}.page-playground .pg-exit{background:#ffffff09;border:0;border-radius:22px;margin-top:48px;padding:24px}.page-playground :is(.pg-media-input,.pg-tts-studio .pg-composer,.pg-stt-audio-well,.pg-sample,.pg-tts-example,.pg-select,.pg-voice-add){background-color:#00000047;border-color:#0000}.page-playground .pg-tts-studio .pg-composer{border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff0d}.page-playground .pg-tts-studio .pg-composer:focus-within,.page-playground .pg-media-input:focus{box-shadow:inset 0 0 0 1px #ffffff29}.page-playground .pg-composer-foot{border-top-color:#ffffff0d}.page-playground :is(.pg-sample,.pg-tts-example){transition:background-color .2s}.page-playground :is(.pg-sample,.pg-tts-example):hover{background-color:#ffffff0f}.page-playground .pg-surface .ghost-btn.pg-btn:not(.is-primary){background:#ffffff12;border-color:#0000}.page-playground .codeblock-pre{border-color:#0000}@media (max-width:760px){.page-playground .pg-head{flex-direction:column;align-items:stretch}.page-playground .pg-head .page-head-end{justify-content:flex-start}}.page-playground .pg-live-signup{justify-items:center;gap:8px;display:grid}.page-playground .pg-live-signup small{color:var(--h-text-faint);font-size:12.5px}.page-playground .pg-stt-stage{text-align:center;background:radial-gradient(60% 80% at 50% 0,#e5484d14,#0000 70%),#00000047;border-radius:20px;justify-items:center;gap:14px;padding:28px 20px 24px;transition:box-shadow .2s,background-color .2s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d}.page-playground .pg-stt-stage>.pg-label{justify-self:start}.page-playground .pg-stt-stage.is-drag{background-color:#ffffff0a;box-shadow:inset 0 0 0 2px #f3f1ec80}.page-playground .pg-stt-stage .pg-stt-input{justify-items:center;gap:12px;display:grid}.page-playground .pg-stt-stage .pg-record{height:auto;min-height:0;color:var(--h-text);background:0 0;border:0;border-radius:0;justify-items:center;gap:12px;padding:0;font-size:13.5px;display:grid;position:relative}.page-playground .pg-stt-stage .pg-record:hover:not(:disabled){background:0 0}.page-playground .pg-record-icon{z-index:1;color:#111;background:#f3f1ec;border-radius:50%;place-items:center;width:84px;height:84px;transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s;display:grid;position:relative;box-shadow:0 18px 40px -18px #000000e6}.page-playground .pg-record:hover:not(:disabled) .pg-record-icon{transform:scale(1.05)}.page-playground .pg-record.is-live .pg-record-icon{color:#fff;background:#e5484d}.page-playground .pg-record-ring{width:84px;height:84px;translate:-50% -50%;scale:calc(1 + var(--pg-level,0%) / 100% * .8);opacity:0;pointer-events:none;background:#e5484d38;border-radius:50%;transition:scale 80ms linear,opacity .2s;position:absolute;top:42px;left:50%}.page-playground .pg-record.is-live .pg-record-ring{opacity:1}.page-playground .pg-record.is-live .pg-record-label{color:#ff9b9b}.page-playground .pg-stt-stage .pg-record.is-live{color:var(--h-text);background:0 0}.page-playground .pg-stt-or{color:var(--h-text-faint);margin:0;font-size:13px}.page-playground .pg-link-btn{color:var(--h-text);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.page-playground .pg-link-btn:disabled{opacity:.4;cursor:default}.page-playground .pg-stt-stage .pg-stt-selected{text-align:start;width:100%}.page-playground .pg-stt-stage .pg-field-note{margin:0}.page-playground .pg-stt-settings{align-items:end;margin-top:18px}.page-playground .pg-stt-sample-list .pg-sample{border-radius:16px;padding:14px;transition:background-color .2s,box-shadow .2s}.page-playground .pg-sample.is-picked{background-color:#ffffff0f;box-shadow:inset 0 0 0 1px #f3f1ec59}.page-playground .pg-sample-head .pg-btn.is-quiet{background:#ffffff12;border-radius:999px;padding:4px 10px;font-size:12px}.page-playground .pg-sample.is-picked .pg-sample-head .pg-btn.is-quiet{color:#111;background:#f3f1ec}.page-playground .pg-sample-wave{align-items:center;gap:2px;height:30px;margin:10px 0 6px;display:flex}.page-playground .pg-sample-wave i{background:#f3f1ec47;border-radius:2px;flex:1;min-width:2px;transition:background-color .2s}.page-playground .pg-sample:hover .pg-sample-wave i,.page-playground .pg-sample.is-picked .pg-sample-wave i{background:#f3f1ec99}@media (prefers-reduced-motion:reduce){.page-playground .pg-record-ring{transition:none}}