.orbz-hero.orbz-hero--playground{display:block;min-block-size:auto}.orbz-hero-heading{text-align:center}.orbz-hero.orbz-hero--playground h1{font-size:clamp(2rem,.75rem + 4.5vw,4.5rem);letter-spacing:-.065em;line-height:1.12;max-inline-size:none;white-space:nowrap}.orbz-hero-introduction{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:1rem auto 3rem;max-inline-size:41rem;text-align:center}.orbz-hero-introduction .orbz-hero__lede{font-size:1rem;line-height:1.65;margin:0;max-inline-size:41rem}.orbz-hero-introduction .orbz-actions{align-items:center;flex-shrink:0;justify-content:center;margin:0}.orbz-hero-introduction .orbz-button{font-size:.82rem;min-block-size:2.4rem;padding:.5rem .8rem}.orbz-npm-link{align-items:center;color:var(--orbz-link);display:inline-flex;font-size:.82rem;min-block-size:2.4rem;padding:.25rem;text-decoration:underline;text-underline-offset:.2em}.orbz-playground{align-items:start;column-gap:clamp(2rem,5vw,5rem);display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.orbz-playground-workspace{display:grid;gap:1rem;min-inline-size:0}.orbz-playground-editor,.orbz-playground-preview{min-inline-size:0}.orbz-voice-example{background:var(--orbz-surface-strong);border:1px solid var(--orbz-border);border-radius:.8rem;margin:0;overflow:hidden}.orbz-editor-heading{align-items:center;border-block-end:1px solid var(--orbz-border);color:var(--orbz-muted);display:flex;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;justify-content:space-between;padding:.55rem 1rem}.orbz-editor-file{align-items:center;color:var(--orbz-text);display:inline-flex;gap:.7rem}.orbz-editor-icon{color:var(--orbz-link)}.orbz-editor-source{overflow:auto}.orbz-voice-example pre{background:none;color:var(--orbz-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.55;margin:0;padding:.75rem 1rem;tab-size:2}.orbz-editor-source:focus-visible{outline-offset:-3px}.orbz-voice-example code{background:none;border:0;border-radius:0;font:inherit;padding:0}.orbz-code-keyword{color:var(--orbz-link);font-weight:650}.orbz-code-string{color:#00645e}html.dark .orbz-code-string{color:#8be9da}.orbz-code-comment,.orbz-editor-note{color:var(--orbz-muted)}.orbz-editor-note{border-block-start:1px solid var(--orbz-border);font-size:.72rem;line-height:1.5;margin:0;padding:.55rem 1rem}.orbz-editor-note a{color:var(--orbz-link);text-decoration:underline;text-underline-offset:.2em}.orbz-appearance-controls{align-items:start;column-gap:1.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(7rem,.6fr);row-gap:1rem}.orbz-appearance-controls fieldset{border:0;margin:0;min-inline-size:0;padding:0}.orbz-appearance-controls legend,.orbz-size-control label,.orbz-speech-controls>label{color:var(--orbz-text);display:block;font-size:.78rem;font-weight:650;margin-block-end:.5rem;padding:0}.orbz-color-grid{display:flex;gap:.5rem;justify-content:space-between}.orbz-color-control{align-items:center;display:flex;flex-direction:column;gap:.3rem;min-inline-size:0}.orbz-color-control input{background:var(--orbz-surface-strong);border:1px solid var(--orbz-muted);border-radius:.6rem;block-size:2.75rem;cursor:pointer;inline-size:2.75rem;padding:.3rem}.orbz-color-control input::-webkit-color-swatch-wrapper{padding:0}.orbz-color-control input::-webkit-color-swatch{border:0;border-radius:.3rem}.orbz-color-control input::-moz-color-swatch{border:0;border-radius:.3rem}.orbz-color-control span{color:var(--orbz-muted);font-size:.62rem}.orbz-size-control label{display:flex;gap:.5rem;justify-content:space-between}.orbz-size-control output{color:var(--orbz-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:400}.orbz-size-control input{accent-color:var(--orbz-link);block-size:2.75rem;cursor:pointer;inline-size:100%;margin:0}.orbz-state-controls{grid-column:1/-1}.orbz-state-buttons{display:flex;flex-wrap:wrap;gap:.35rem}.orbz-motion-button,.orbz-speech-controls button,.orbz-state-buttons button{border:1px solid var(--orbz-border);border-radius:.5rem;color:var(--orbz-muted);cursor:pointer;font-family:inherit;font-size:.75rem;min-block-size:2.75rem;padding:.5rem .85rem}.orbz-state-buttons button{background:var(--orbz-surface-strong);flex:1 1;text-transform:capitalize}.orbz-state-buttons button[aria-pressed=true]{border-color:var(--orbz-link);color:var(--orbz-link);font-weight:700}.orbz-motion-button{align-items:center;display:inline-flex;gap:.4rem;justify-content:center}.orbz-motion-button:hover,.orbz-speech-controls button:hover,.orbz-state-buttons button:hover{color:var(--orbz-link)}.orbz-speech-controls{border-block-start:1px solid var(--orbz-border);margin-block-start:.5rem;padding-block-start:.75rem;text-align:start}.orbz-speech-controls>label{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.orbz-speech-controls>label span{color:var(--orbz-muted);font-weight:400}.orbz-speech-input-row{display:flex;flex-wrap:wrap;gap:.4rem}.orbz-speech-input-row input{background:var(--orbz-surface-strong);border:1px solid var(--orbz-muted);border-radius:.5rem;color:var(--orbz-text);flex:1 0 100%;font-family:inherit;font-size:1rem;min-block-size:2.75rem;min-inline-size:0;padding:.65rem .75rem}.orbz-speech-controls button{background:var(--orbz-surface-strong);flex:1 1}.orbz-speech-controls button[type=submit]{border-color:var(--orbz-link);color:var(--orbz-link);font-weight:700}.orbz-playground button:disabled,.orbz-playground input:disabled{cursor:not-allowed;opacity:.55}.orbz-speech-status{color:var(--orbz-muted);display:block;font-size:.73rem;line-height:1.6;margin:.5rem 0 0;min-block-size:2.4em}.orbz-speech-status:empty{margin:0;min-block-size:0}.orbz-playground-preview{align-self:start;max-block-size:calc(100dvh - 6rem);overflow-y:auto;padding-block-start:2rem;position:sticky;text-align:center;top:5rem}.orbz-playground-stage{min-block-size:16rem}.orbz-playground-stage,.orbz-preview-caption{align-items:center;display:flex;justify-content:center}.orbz-preview-caption{color:var(--orbz-muted);flex-wrap:wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;gap:.55rem;min-block-size:1.75rem}.orbz-preview-state{border:1px solid var(--orbz-border);border-radius:1rem;color:var(--orbz-link);padding:.15rem .6rem}.orbz-live-label{align-items:center;display:inline-flex;gap:.45rem}.orbz-live-dot{background:#15803d;border-radius:50%;block-size:.4rem;inline-size:.4rem}html.dark .orbz-live-dot{background:#4ade80}.orbz-voice-badges{display:flex;flex-wrap:wrap;gap:.5rem .85rem;justify-content:center;margin:.5rem 0 0}.orbz-voice-badges>div{align-items:center;display:flex;gap:.4rem;min-inline-size:0}.orbz-voice-badges dt{color:var(--orbz-muted);font-size:.7rem}.orbz-voice-badges dd{background:var(--orbz-surface-strong);border:1px solid var(--orbz-border);border-radius:999px;color:var(--orbz-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;margin:0;overflow-wrap:anywhere;padding:.2rem .55rem}.orbz-voice-example-note{color:var(--orbz-muted);font-size:.7rem;line-height:1.6;margin:.5rem 0 1rem}.orbz-component-proof{padding-block:.5rem 2rem;text-align:start}.orbz-component-proof-title{color:var(--orbz-text);font-size:1.25rem;font-weight:650;letter-spacing:-.04em;margin:0}.orbz-component-proof .orbz-proof{align-items:baseline;justify-content:flex-start;margin-block-start:.75rem}.orbz-component-proof .orbz-proof li{align-items:baseline}@media (max-width:1050px){.orbz-playground{column-gap:2rem;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.orbz-appearance-controls{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.orbz-hero.orbz-hero--playground h1{font-size:clamp(2.5rem,7.5vw,3.5rem);white-space:normal}.orbz-playground{display:flex;flex-direction:column;gap:2rem}.orbz-appearance-controls,.orbz-playground-editor,.orbz-playground-preview,.orbz-playground-workspace,.orbz-speech-controls{inline-size:100%}.orbz-playground-preview{max-block-size:none;overflow:visible;position:static}.orbz-playground-stage{min-block-size:16rem}.orbz-editor-heading,.orbz-editor-note,.orbz-voice-example pre{padding-inline:1rem}.orbz-voice-example pre{font-size:.75rem}}@media (max-height:38rem){.orbz-playground-preview{max-block-size:none;overflow:visible;position:static}}@media (forced-colors:active){.orbz-live-dot{background:CanvasText}.orbz-voice-badges dd{border-color:CanvasText}.orbz-color-control input,.orbz-preview-state,.orbz-speech-controls button,.orbz-speech-input-row input,.orbz-state-buttons button,.orbz-voice-example{border-color:ButtonText}.orbz-state-buttons button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-4px}.orbz-code-comment,.orbz-code-keyword,.orbz-code-string{color:CanvasText}}