.ui-brand{align-items:center;width:fit-content;margin:0;line-height:0;text-decoration:none;display:inline-flex}.ui-brand__logo{width:auto;height:1.85rem;display:block}a.ui-brand:hover{opacity:.82}.ui-heading{font-family:var(--heading);color:var(--text-h);margin:0;font-size:clamp(2.4rem,6vw,3.4rem);line-height:1.05}.ui-heading--section{font-size:clamp(1.4rem,3vw,1.75rem);line-height:1.2}.ui-lede{max-width:28rem;margin:0}.ui-eyebrow{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--accent);margin:0}.ui-error{color:var(--color-danger);margin:0}.ui-text-link{color:var(--accent);text-underline-offset:.15em;width:fit-content;text-decoration:underline}.ui-text-link:hover{color:var(--text-h)}.ui-button{appearance:none;justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font:inherit;cursor:pointer;transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, color var(--duration-fast) ease, transform .16s cubic-bezier(.2, .8, .2, 1), filter .16s ease, box-shadow .16s ease;border:1px solid #0000;text-decoration:none;display:inline-flex;transform:translateY(0)scale(1)}.ui-button:disabled{opacity:.65;cursor:not-allowed}.ui-button:active:not(:disabled):not(.ui-button--text){filter:brightness(.92);transition-duration:40ms;transform:translateY(1px)scale(.97);box-shadow:inset 0 1px 2px #1420332e}.ui-button--primary{padding:var(--space-5) 1.4rem;color:var(--color-on-accent);background:var(--accent);justify-self:start}.ui-button--primary:hover:not(:disabled){border-color:var(--accent-border)}.ui-button--secondary{padding:var(--space-4) var(--space-6);color:var(--text-h);background:var(--accent-bg);border-color:var(--accent-border)}.ui-button--danger{padding:var(--space-5) 1.4rem;color:var(--color-on-accent);background:var(--color-danger);justify-self:start}.ui-button--danger:hover:not(:disabled){background:var(--color-danger-hover)}.ui-button--text{color:var(--accent);padding:var(--space-1) 0;text-underline-offset:.15em;background:0 0;border:none;text-decoration:underline}.ui-button--text:hover:not(:disabled){color:var(--text-h)}.ui-button--icon{min-width:2.75rem;padding:var(--space-4);color:var(--text-h);background:var(--accent-bg);border-color:var(--accent-border)}.ui-button--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);gap:var(--space-1);line-height:1.2}.ui-button--icon.ui-button--sm{min-width:2rem;padding:var(--space-2)}.ui-control-row{align-items:start;gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.ui-control-row>.ui-field{width:100%;min-width:0}.ui-control-row .color-select{width:100%}@media (width<=40rem){.ui-control-row{grid-template-columns:1fr}}.ui-label{font-size:var(--font-size-label);color:var(--text-h);margin:0;line-height:1.2;display:block}.ui-field{gap:var(--space-3);width:var(--control-width);border:none;align-content:start;justify-items:stretch;min-inline-size:0;margin:0;padding:0;display:grid}.ui-field--wide{width:var(--control-width-lg)}.ui-field__legend{float:left;width:100%;font-size:var(--font-size-label);color:var(--text-h);margin:0;padding:0;line-height:1.2;display:block}.ui-text-input{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg) 88%, #fff);width:100%;color:var(--text-h);font:inherit;padding:.75rem .85rem}.ui-text-input:disabled{opacity:.65}.ui-text-input--readonly{background:var(--code-bg);padding:var(--space-4) .8rem}.ui-form{max-width:var(--form-width);justify-items:start;gap:.65rem;display:grid}.ui-field-hint{max-width:28rem;font-size:var(--font-size-sm);color:var(--text);margin:0;line-height:1.45}.ui-page{width:var(--page-width);padding:var(--space-9) 0 var(--space-10);gap:var(--space-8);min-width:0;max-width:100%;margin:0 auto;display:grid}.ui-page>*{min-width:0;max-width:100%}.ui-page--with-markers{width:var(--page-width-markers)}.ui-page-header{justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.ui-page-header .ui-heading{flex:auto;min-width:0}.ui-page-header__actions{align-items:center;gap:var(--space-3);flex:none;margin-left:auto;display:inline-flex}.ui-page-header__title{gap:var(--space-3);flex:auto;min-width:0;display:grid}.ui-stage{min-height:100vh;padding-top:var(--space-8);align-content:start;justify-items:center;display:grid;position:relative;overflow:hidden}.ui-stage-copy{text-align:center;padding:var(--space-8);justify-items:center;gap:.75rem;display:grid}.ui-presence{align-items:center;gap:var(--space-3);padding:var(--space-3) .8rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--color-surface);font-size:var(--font-size-body);color:var(--text-h);flex:none;display:inline-flex}.ui-presence__dot{border-radius:var(--radius-pill);background:var(--color-muted);width:.65rem;height:.65rem}.ui-presence--online{border-color:var(--color-success-border);background:var(--color-success-bg)}.ui-presence--online .ui-presence__dot{background:var(--color-success)}.ui-presence--sm{gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);line-height:1.2}.ui-presence--sm .ui-presence__dot{width:.5rem;height:.5rem}.ui-segmented{grid-template-columns:repeat(var(--segmented-columns,2), minmax(0, 1fr));gap:var(--space-2);width:100%;display:grid}.ui-segmented__option{appearance:none;box-sizing:border-box;min-height:var(--control-height);padding:var(--space-4) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--text-h);font:inherit;cursor:pointer;line-height:1.45}.ui-segmented__option.is-selected{border-color:var(--accent-border);background:var(--accent-bg)}.ui-segmented__option:disabled{opacity:.65;cursor:not-allowed}.ui-segmented--icons{grid-template-columns:repeat(var(--segmented-columns,4), var(--control-height));width:max-content;max-width:100%}.ui-segmented--icons .ui-segmented__option{width:var(--control-height);height:var(--control-height);min-height:var(--control-height);place-items:center;padding:0;display:grid}.ui-segmented--icons .ui-segmented__option.is-selected{color:var(--accent)}.ui-share{gap:.6rem;width:100%;min-width:0;max-width:100%;display:grid}.ui-share-row{align-items:stretch;gap:var(--space-3);width:100%;min-width:0;display:flex}.ui-share-row .ui-text-input{text-overflow:ellipsis;flex:1 1 0;width:0;min-width:0;max-width:100%;overflow:hidden}.ui-share-row .ui-button{flex:none}.ui-slider-field{gap:var(--space-3);width:100%;display:grid}.ui-slider-field__header{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.ui-slider-field__value{align-items:center;gap:var(--space-2);grid-template-columns:4.5rem auto;display:grid}.ui-slider-field__value input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--text-h);font:inherit;padding:.45rem .55rem}.ui-slider-field__value input:disabled{opacity:.65}.ui-slider{width:100%;accent-color:var(--accent)}.ui-slider:disabled{opacity:.65}.ui-slider-field__scale{font-size:var(--font-size-xs);color:var(--text);justify-content:space-between;display:flex}.ui-switch{align-items:center;gap:var(--space-3);color:var(--text-h);font:inherit;font-size:var(--font-size-label);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;margin:0;padding:0;line-height:1.2;display:inline-flex}.ui-switch:disabled{opacity:.65;cursor:not-allowed}.ui-switch:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.ui-switch__track{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--border) 55%, #fff);border:1px solid var(--border);width:2.5rem;height:1.45rem;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease;flex:none;position:relative}.ui-switch__thumb{border-radius:var(--radius-pill);background:var(--color-surface);width:1.05rem;height:1.05rem;transition:transform var(--duration-fast) var(--ease-out);position:absolute;top:50%;left:.15rem;transform:translateY(-50%);box-shadow:0 1px 2px #14203338}.ui-switch.is-on .ui-switch__track{background:var(--accent);border-color:var(--accent-border)}.ui-switch.is-on .ui-switch__thumb{transform:translate(1.05rem,-50%)}.ui-switch__label{color:var(--text-h)}@media (prefers-reduced-motion:reduce){.ui-switch__track,.ui-switch__thumb{transition:none}}