.playground-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.playground-viz-ring{aspect-ratio:1;border:1px solid var(--color-border-primary);--playground-stt-disk:var(--color-surface-secondary);background:0 0;border-radius:9999px;width:min(280px,70vw);margin-inline:auto;position:relative;overflow:hidden}.dark .playground-viz-ring{--playground-stt-disk:var(--color-surface-primary)}.playground-viz-dust{background-image:radial-gradient(1px 1px at 20% 30%, color-mix(in srgb, var(--color-text-primary) 18%, transparent), transparent), radial-gradient(1px 1px at 80% 20%, color-mix(in srgb, var(--color-text-primary) 14%, transparent), transparent), radial-gradient(1px 1px at 40% 70%, color-mix(in srgb, var(--color-text-primary) 12%, transparent), transparent), radial-gradient(1px 1px at 65% 55%, color-mix(in srgb, var(--color-text-primary) 16%, transparent), transparent), radial-gradient(1px 1px at 10% 80%, color-mix(in srgb, var(--color-text-primary) 10%, transparent), transparent), radial-gradient(1px 1px at 90% 75%, color-mix(in srgb, var(--color-text-primary) 14%, transparent), transparent);opacity:.75;animation:18s linear infinite playground-drift;position:absolute;inset:-20%}@keyframes playground-drift{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1.05)}}@media (prefers-reduced-motion:reduce){.playground-viz-dust{animation:none}}.playground-stt-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.playground-stt-dot.playground-stt-dot--recording{animation:1.2s ease-in-out infinite playground-stt-dotpulse}@keyframes playground-stt-dotpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}@media (prefers-reduced-motion:reduce){.playground-stt-dot.playground-stt-dot--recording{opacity:1;animation:none;transform:none}}@keyframes playground-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.playground-panel-switch{animation:.22s ease-out forwards playground-panel-in}@media (prefers-reduced-motion:reduce){.playground-panel-switch{animation:none}}.playground-stt-carousel-viewport{touch-action:pan-x;overscroll-behavior-x:auto;-webkit-overflow-scrolling:touch}.playground-stt-carousel-fade{pointer-events:none;z-index:2;width:3rem;position:absolute;top:0;bottom:0}.playground-stt-carousel-fade--left{background:linear-gradient(to right, color-mix(in srgb, var(--color-surface-secondary) 92%, transparent), transparent);left:0}.playground-stt-carousel-fade--right{background:linear-gradient(to left, color-mix(in srgb, var(--color-surface-secondary) 92%, transparent), transparent);right:0}.playground-modal-base{background:var(--color-surface-tooltip);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.dark .playground-modal-base{color:#fafafa;background:#0a0a0a;border:1px solid #ffffff14}.playground-modal-table-head{background:var(--color-surface-tooltip);box-shadow:0 10px 12px -8px color-mix(in srgb, var(--color-text-primary) 18%, transparent)}.dark .playground-modal-table-head{background:#0a0a0a;box-shadow:0 12px 16px -10px #000000d9}.playground-modal-border-subtle{border-color:var(--color-border-primary)}.dark .playground-modal-border-subtle{border-color:#ffffff12}.playground-modal-label{color:var(--color-text-secondary)}.dark .playground-modal-label{color:#71717a}.playground-modal-row-divider{border-color:var(--color-border-primary)}.dark .playground-modal-row-divider{border-color:#ffffff0f}