.realtime-playground[data-v-ab5d8dc4]{background:#fff;border:1px solid var(--models-border);border-radius:1rem;padding:1.25rem}.dark .realtime-playground[data-v-ab5d8dc4]{background:var(--models-dark-hero-bg);border-color:var(--models-dark-line)}.realtime-playground__head[data-v-ab5d8dc4]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;margin-bottom:1rem}.realtime-playground__head>div[data-v-ab5d8dc4]{flex:1 1 14rem;min-width:0}.realtime-playground__title[data-v-ab5d8dc4]{color:var(--models-text-h1);font-size:1.0625rem;font-weight:600;margin:0}.dark .realtime-playground__title[data-v-ab5d8dc4]{color:var(--models-dark-text-brightest)}.realtime-playground__subtitle[data-v-ab5d8dc4]{color:var(--models-text-muted);font-size:.8125rem;margin:.25rem 0 0}.dark .realtime-playground__subtitle[data-v-ab5d8dc4]{color:var(--models-dark-text-muted)}.realtime-playground__model[data-v-ab5d8dc4]{background:var(--models-brand-soft);border:1px solid var(--models-brand-border);border-radius:9999px;color:var(--models-brand-strong);flex:0 0 auto;font-size:.75rem;max-width:100%;overflow:hidden;padding:.2rem .6rem;text-overflow:ellipsis;white-space:nowrap}.realtime-playground__grid[data-v-ab5d8dc4]{display:grid;gap:1rem}@media(min-width:1140px){.realtime-playground__grid[data-v-ab5d8dc4]{align-items:start;grid-template-columns:minmax(0,1fr) 24rem}}.realtime-playground__controls[data-v-ab5d8dc4]{display:flex;flex-direction:column;gap:.9rem;min-width:0}.realtime-playground__field[data-v-ab5d8dc4]{border:0;display:flex;flex-direction:column;gap:.4rem;margin:0;min-inline-size:0;padding:0}.realtime-playground__label[data-v-ab5d8dc4]{color:var(--models-text-secondary);font-size:.8125rem;font-weight:500}.dark .realtime-playground__label[data-v-ab5d8dc4]{color:var(--models-dark-text-secondary)}.realtime-playground__value[data-v-ab5d8dc4]{color:var(--models-brand-strong);font-variant-numeric:tabular-nums;margin-left:.4rem}.realtime-playground__characters[data-v-ab5d8dc4]{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}.realtime-playground__character[data-v-ab5d8dc4]{align-items:center;background:#fff;border:1px solid var(--models-border);border-radius:.875rem;display:flex;gap:.5rem;min-width:0;padding:.5rem .6rem;text-align:left;transition:border-color .2s,background .2s,transform .2s}.realtime-playground__character[data-v-ab5d8dc4]:hover{border-color:var(--models-brand-border);transform:translateY(-1px)}.realtime-playground__character--active[data-v-ab5d8dc4]{background:var(--models-brand-soft);border-color:rgb(var(--models-brand-rgb));box-shadow:0 0 0 1px rgba(var(--models-brand-rgb),.35)}.dark .realtime-playground__character[data-v-ab5d8dc4]{background:var(--models-dark-panel);border-color:var(--models-dark-line)}.realtime-playground__avatar[data-v-ab5d8dc4]{background:radial-gradient(circle at 30% 25%,hsla(0,0%,100%,.55),transparent 55%),linear-gradient(135deg,rgba(var(--models-brand-rgb),.9),rgba(var(--models-brand-rgb),.45));border-radius:9999px;color:#fff;display:grid;flex-shrink:0;font-size:.85rem;font-weight:600;height:2rem;place-items:center;width:2rem}.realtime-playground__character-meta[data-v-ab5d8dc4]{display:flex;flex-direction:column;line-height:1.25;min-width:0}.realtime-playground__character-name[data-v-ab5d8dc4]{color:var(--models-text-h1);font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .realtime-playground__character-name[data-v-ab5d8dc4]{color:var(--models-dark-text-brightest)}.realtime-playground__character-tagline[data-v-ab5d8dc4]{color:var(--models-text-muted);font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realtime-playground__modes[data-v-ab5d8dc4]{align-self:flex-start;border:1px solid var(--models-border);border-radius:9999px;display:inline-flex;gap:.25rem;padding:.2rem}.dark .realtime-playground__modes[data-v-ab5d8dc4]{border-color:var(--models-dark-line)}.realtime-playground__mode[data-v-ab5d8dc4]{align-items:center;background:none;border:0;border-radius:9999px;color:var(--models-text-secondary);display:inline-flex;font-size:.75rem;gap:.3rem;padding:.35rem .75rem;transition:background .2s,color .2s}.realtime-playground__mode--active[data-v-ab5d8dc4]{background:rgba(var(--models-brand-rgb),.14);color:var(--models-brand-strong)}.dark .realtime-playground__mode[data-v-ab5d8dc4]{color:var(--models-dark-text-secondary)}.realtime-playground__textarea[data-v-ab5d8dc4]{background:#fff;border:1px solid var(--models-border);border-radius:.75rem;color:var(--models-text-h1);font-size:.875rem;line-height:1.55;outline:none;padding:.65rem .8rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.realtime-playground__textarea--small[data-v-ab5d8dc4]{font-size:.8125rem}.realtime-playground__textarea[data-v-ab5d8dc4]:focus{border-color:rgb(var(--models-brand-rgb));box-shadow:0 0 0 3px rgba(var(--models-brand-rgb),.12)}.dark .realtime-playground__textarea[data-v-ab5d8dc4]{background:var(--models-dark-panel);border-color:var(--models-dark-line);color:var(--models-dark-text-brightest)}.realtime-playground__range[data-v-ab5d8dc4]{--range-track:var(--models-border);-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,rgb(var(--models-brand-rgb)) 0 var(--range-progress,0),var(--range-track) var(--range-progress,0) 100%);border-radius:9999px;cursor:pointer;height:.375rem;margin:.6rem 0 .4rem;width:100%}.dark .realtime-playground__range[data-v-ab5d8dc4]{--range-track:var(--models-dark-line)}.realtime-playground__range[data-v-ab5d8dc4]::-webkit-slider-runnable-track{background:transparent;border-radius:9999px;height:.375rem}.realtime-playground__range[data-v-ab5d8dc4]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:rgb(var(--models-brand-rgb));border:2px solid #fff;border-radius:9999px;box-shadow:0 1px 4px #0f172a33;height:1rem;margin-top:-.3125rem;width:1rem}.dark .realtime-playground__range[data-v-ab5d8dc4]::-webkit-slider-thumb{border-color:var(--models-dark-panel)}.realtime-playground__range[data-v-ab5d8dc4]::-moz-range-track{background:transparent;border:0;border-radius:9999px;height:.375rem}.realtime-playground__range[data-v-ab5d8dc4]::-moz-range-thumb{background:rgb(var(--models-brand-rgb));border:2px solid #fff;border-radius:9999px;box-shadow:0 1px 4px #0f172a33;height:1rem;width:1rem}.dark .realtime-playground__range[data-v-ab5d8dc4]::-moz-range-thumb{border-color:var(--models-dark-panel)}.realtime-playground__range[data-v-ab5d8dc4]:focus-visible{outline:2px solid rgba(var(--models-brand-rgb),.5);outline-offset:4px}.realtime-playground__actions[data-v-ab5d8dc4]{display:flex;flex-direction:column;gap:.4rem}.realtime-playground__hint[data-v-ab5d8dc4]{color:var(--models-text-muted);font-size:.75rem;margin:0}.realtime-playground__send-row[data-v-ab5d8dc4]{align-items:flex-end;display:flex;gap:.5rem}.realtime-playground__send-row .realtime-playground__textarea[data-v-ab5d8dc4]{flex:1 1 auto;min-width:0}.realtime-playground__send-row .realtime-playground__send[data-v-ab5d8dc4]{flex:0 0 auto;white-space:nowrap}.realtime-playground__mic-hint[data-v-ab5d8dc4]{align-items:flex-start;border:1px solid var(--models-border);border-radius:.75rem;color:var(--models-text-muted);display:flex;font-size:.75rem;gap:.4rem;margin:0;padding:.6rem .75rem}.dark .realtime-playground__mic-hint[data-v-ab5d8dc4]{border-color:var(--models-dark-line);color:var(--models-dark-text-muted)}.realtime-playground__output[data-v-ab5d8dc4]{background:var(--models-bg);border:1px solid var(--models-border);border-radius:.875rem;display:flex;flex-direction:column;min-height:20rem;padding:1rem}.dark .realtime-playground__output[data-v-ab5d8dc4]{background:var(--models-dark-panel);border-color:var(--models-dark-line)}.realtime-playground__output-head[data-v-ab5d8dc4]{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.realtime-playground__output-title[data-v-ab5d8dc4]{color:var(--models-text-h1);font-size:.8125rem;font-weight:600;margin:0}.dark .realtime-playground__output-title[data-v-ab5d8dc4]{color:var(--models-dark-text-brightest)}.realtime-playground__status[data-v-ab5d8dc4]{align-items:center;color:var(--models-text-muted);display:flex;font-size:.6875rem;gap:.35rem}.realtime-playground__dot[data-v-ab5d8dc4]{background:#94a3b8;border-radius:9999px;height:.4rem;width:.4rem}.realtime-playground__dot--on[data-v-ab5d8dc4]{background:#10b981}.realtime-playground__dot--busy[data-v-ab5d8dc4]{background:#f59e0b}.realtime-playground__badge[data-v-ab5d8dc4]{background:rgba(var(--models-brand-rgb),.12);border-radius:9999px;color:var(--models-brand-strong);padding:.05rem .4rem}.realtime-playground__error[data-v-ab5d8dc4]{align-items:flex-start;background:#dc26260f;border:1px solid rgba(220,38,38,.25);border-radius:.75rem;color:#b91c1c;display:flex;font-size:.8125rem;gap:.5rem;margin-bottom:.6rem;padding:.6rem .7rem}.dark .realtime-playground__error[data-v-ab5d8dc4]{border-color:#f871714d;color:#fca5a5}.realtime-playground__transcript[data-v-ab5d8dc4]{display:flex;flex:1;flex-direction:column;gap:.55rem;max-height:24rem;overflow-y:auto}.realtime-playground__turn[data-v-ab5d8dc4]{background:#fff;border:1px solid var(--models-border);border-radius:.75rem;padding:.5rem .65rem}.dark .realtime-playground__turn[data-v-ab5d8dc4]{background:var(--models-dark-hero-bg);border-color:var(--models-dark-line)}.realtime-playground__turn--user[data-v-ab5d8dc4]{background:rgba(var(--models-brand-rgb),.07)}.realtime-playground__turn-role[data-v-ab5d8dc4]{color:var(--models-text-muted);display:block;font-size:.625rem;font-weight:600;letter-spacing:.04em;margin-bottom:.15rem;text-transform:uppercase}.realtime-playground__turn-text[data-v-ab5d8dc4]{color:var(--models-text-h1);font-size:.8125rem;line-height:1.55;margin:0}.dark .realtime-playground__turn-text[data-v-ab5d8dc4]{color:var(--models-dark-text-brightest)}.realtime-playground__empty[data-v-ab5d8dc4]{align-items:center;border:1px dashed var(--models-border);border-radius:.75rem;color:var(--models-text-muted);display:flex;flex:1;flex-direction:column;font-size:.8125rem;gap:.6rem;justify-content:center;padding:1.5rem;text-align:center}.dark .realtime-playground__empty[data-v-ab5d8dc4]{border-color:var(--models-dark-line);color:var(--models-dark-text-muted)}.realtime-playground__footer[data-v-ab5d8dc4]{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-top:.6rem}.realtime-playground__link[data-v-ab5d8dc4]{align-items:center;background:none;border:0;color:var(--models-text-secondary);cursor:pointer;display:inline-flex;font-size:.75rem;gap:.3rem;padding:0}.realtime-playground__link[data-v-ab5d8dc4]:hover{color:var(--models-brand-strong)}.realtime-playground__usage[data-v-ab5d8dc4]{align-items:baseline;color:var(--models-text-muted);display:inline-flex;flex-wrap:wrap;font-size:.6875rem;font-variant-numeric:tabular-nums;gap:.15rem .35rem}.realtime-playground__usage-sep[data-v-ab5d8dc4]{opacity:.5}.realtime-playground__usage-cost[data-v-ab5d8dc4]{color:var(--models-text-h1);font-weight:600}.dark .realtime-playground__usage-cost[data-v-ab5d8dc4]{color:var(--models-brand-dark)}@media(max-width:639px){.realtime-playground[data-v-ab5d8dc4]{border-radius:.875rem;padding:1rem}.realtime-playground__output[data-v-ab5d8dc4]{min-height:14rem;padding:.85rem}.realtime-playground__transcript[data-v-ab5d8dc4]{max-height:60vh}.realtime-playground__footer[data-v-ab5d8dc4]{flex-wrap:wrap}}