@layer components{.demo-form[data-astro-cid-b3gs4dch]{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--card-radius);box-shadow:var(--shadow-raised);padding:var(--space-lg)}.demo-form[data-astro-cid-b3gs4dch] form[data-astro-cid-b3gs4dch]{--stack-space:var(--space-sm)}.field[data-astro-cid-b3gs4dch]{gap:var(--space-3xs);font-size:var(--text-sm);font-weight:var(--font-weight-medium);display:grid}.field[data-astro-cid-b3gs4dch] input[data-astro-cid-b3gs4dch],.field[data-astro-cid-b3gs4dch] select[data-astro-cid-b3gs4dch],.field[data-astro-cid-b3gs4dch] textarea[data-astro-cid-b3gs4dch]{font-size:var(--text-md);font-weight:var(--font-weight-body);padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-surface);inline-size:100%}.field[data-astro-cid-b3gs4dch] input[data-astro-cid-b3gs4dch]:focus-visible,.field[data-astro-cid-b3gs4dch] select[data-astro-cid-b3gs4dch]:focus-visible,.field[data-astro-cid-b3gs4dch] textarea[data-astro-cid-b3gs4dch]:focus-visible{border-color:var(--color-border-accent);outline-offset:0}.demo-form__hp[data-astro-cid-b3gs4dch]{block-size:1px;inline-size:1px;position:absolute;inset-inline-start:-100vw;overflow:hidden}.demo-form__msg[data-astro-cid-b3gs4dch]{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-block-end:var(--space-sm)}.demo-form__msg[data-astro-cid-b3gs4dch][data-kind=ok]{background:var(--color-status-success-subtle);color:var(--color-status-success)}.demo-form__msg[data-astro-cid-b3gs4dch][data-kind=bad]{background:var(--color-status-danger-subtle);color:var(--color-status-danger)}}