@layer components{.option-chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.option-chip-list--stacked{flex-direction:column}.option-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1rem;min-block-size:44px;border:1px solid var(--c-border);border-radius:var(--radius);cursor:pointer;font-size:var(--text-sm);color:var(--c-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--c-paper);transition:border-color .15s,background .15s,color .15s}.option-chip:hover{border-color:var(--c-accent);color:var(--c-accent);background:var(--c-accent-tint)}.option-chip:has(input:checked){border-color:var(--c-accent);background:var(--c-accent-tint);color:var(--c-accent);font-weight:600}.option-chip input{flex-shrink:0;inline-size:24px;block-size:24px;accent-color:var(--c-accent);cursor:pointer;pointer-events:none}.option-chip:has(input:focus-visible){outline:3px solid var(--c-accent);outline-offset:2px}.option-chip--disabled{opacity:.45;cursor:not-allowed;input{cursor:not-allowed}}.option-chip-note{font-size:var(--text-xs,.75rem);color:var(--c-muted)}.option-chip--stacked{padding:.85rem 1rem;color:var(--c-ink)}.option-chip--stacked:has(input:checked){background:var(--c-accent-tint);color:var(--c-accent);border-color:var(--c-accent)}}@layer components{.description-preview{-webkit-margin-before:1rem;margin-block-start:1rem;padding:1rem 1.25rem;-webkit-border-start:3px solid var(--c-border-ui,var(--c-border));border-inline-start:3px solid var(--c-border-ui,var(--c-border));border-radius:0 var(--radius) var(--radius) 0;background:var(--c-surface)}.description-preview__heading{margin:0 0 .5rem;font-size:var(--text-sm);font-weight:600;color:var(--c-muted);text-transform:uppercase;letter-spacing:.04em}.description-preview__body{max-block-size:16rem;overflow-y:auto;font-size:var(--text-base);line-height:1.65;color:var(--c-muted)}.description-preview__body:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px;border-radius:var(--radius)}.description-preview__body>:first-child{-webkit-margin-before:0;margin-block-start:0}.description-preview__body>:last-child{-webkit-margin-after:0;margin-block-end:0}.description-preview__body a{color:var(--c-accent);text-decoration:underline;text-underline-offset:2px;&:hover{text-decoration:none}&:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}}}