.demo-wrapper:where(.astro-zo6nr3y6){margin:1.5rem 0}.demo-source:where(.astro-zo6nr3y6){text-align:right;margin-top:.5rem}.demo-source:where(.astro-zo6nr3y6) a:where(.astro-zo6nr3y6){color:var(--sl-color-gray-4);font-size:.75rem;text-decoration:none}.demo-source:where(.astro-zo6nr3y6) a:where(.astro-zo6nr3y6):hover{text-decoration:underline}._button_1t6gg_1{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:var(--demo-radius);padding:var(--demo-spacing-sm) var(--demo-spacing-lg);color:var(--demo-text);cursor:pointer;outline:none;font-family:inherit;font-size:.875rem;transition:background .15s,border-color .15s}._button_1t6gg_1:hover{background:var(--demo-surface-hover)}._button_1t6gg_1:focus-visible{box-shadow:var(--demo-focus-ring)}._wrapper_j9elt_1{align-items:center;gap:var(--demo-spacing-sm);cursor:pointer;display:flex}._checkbox_j9elt_8{width:16px;height:16px;accent-color:var(--demo-accent);cursor:pointer}._label_j9elt_15{color:var(--demo-text);user-select:none;font-size:.875rem}._wrapper_nm5t2_1{gap:var(--demo-spacing-xs);flex-direction:column;display:flex}._label_nm5t2_7{color:var(--demo-text-muted);font-size:.8125rem;font-weight:500}._code_nm5t2_13{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:var(--demo-radius);padding:var(--demo-spacing-md);font-family:var(--demo-font-mono);color:var(--demo-text);white-space:pre-wrap;word-break:break-all;max-height:200px;margin:0;font-size:.8125rem;line-height:1.5;overflow:auto}._container_u7jnt_1{background:var(--demo-bg);border:1px solid var(--demo-border);border-radius:var(--demo-radius-lg);padding:var(--demo-spacing-xl);gap:var(--demo-spacing-lg);flex-direction:column;display:flex}._container_u7jnt_1 :not(a,strong,em,del,span,input,code,br)+:not(a,strong,em,del,span,input,code,br,:where(._not-content_u7jnt_14 *)){margin-top:0}._label_u7jnt_18{color:var(--demo-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}._row_u7jnt_26{gap:var(--demo-spacing-lg);flex-wrap:wrap;display:flex}._column_u7jnt_32{gap:var(--demo-spacing-md);flex-direction:column;flex:1;min-width:200px;display:flex}:root{--demo-bg:oklch(14.5% 0 0);--demo-bg-hover:oklch(18% 0 0);--demo-surface:oklch(20.5% 0 0);--demo-surface-hover:oklch(25% 0 0);--demo-border:oklch(30% 0 0);--demo-border-focus:oklch(60% .08 195);--demo-text:oklch(98.5% 0 0);--demo-text-muted:oklch(60% 0 0);--demo-accent:oklch(65% .1 195);--demo-accent-hover:oklch(55% .1 195);--demo-radius:6px;--demo-radius-lg:8px;--demo-spacing-xs:4px;--demo-spacing-sm:8px;--demo-spacing-md:12px;--demo-spacing-lg:16px;--demo-spacing-xl:24px;--demo-font-mono:"JetBrains Mono", ui-monospace, monospace;--demo-focus-ring:0 0 0 2px var(--demo-bg), 0 0 0 4px var(--demo-border-focus)}._fieldWrapper_1t55k_1{gap:var(--demo-spacing-xs);flex-direction:column;display:flex}._label_1t55k_7{color:var(--demo-text-muted);font-size:.8125rem;font-weight:500}._inputRow_1t55k_13{gap:var(--demo-spacing-xs);align-items:center;display:flex}._input_1t55k_13{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:var(--demo-radius);padding:var(--demo-spacing-sm) var(--demo-spacing-md);color:var(--demo-text);outline:none;flex:1;font-family:inherit;font-size:.875rem;transition:border-color .15s}._input_1t55k_13:focus{border-color:var(--demo-border-focus);box-shadow:var(--demo-focus-ring)}._input_1t55k_13::placeholder{color:var(--demo-text-muted)}._clearButton_1t55k_41{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:var(--demo-radius);padding:var(--demo-spacing-sm);color:var(--demo-text-muted);cursor:pointer;flex-shrink:0;font-size:.75rem;line-height:1;transition:background .15s,color .15s}._clearButton_1t55k_41:hover{background:var(--demo-surface-hover);color:var(--demo-text)}._wrapper_108uy_1{gap:var(--demo-spacing-xs);flex-direction:column;display:flex}._label_108uy_7{color:var(--demo-text-muted);font-size:.8125rem;font-weight:500}._select_108uy_13{background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:var(--demo-radius);padding:var(--demo-spacing-sm) var(--demo-spacing-md);color:var(--demo-text);cursor:pointer;outline:none;font-family:inherit;font-size:.875rem;transition:border-color .15s}._select_108uy_13:focus{border-color:var(--demo-border-focus);box-shadow:var(--demo-focus-ring)}._chips_108uy_31{gap:var(--demo-spacing-xs);flex-wrap:wrap;display:flex}._chip_108uy_31{align-items:center;gap:var(--demo-spacing-xs);background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:var(--demo-radius);padding:2px var(--demo-spacing-sm);color:var(--demo-text);font-size:.75rem;display:inline-flex}._chipRemove_108uy_49{color:var(--demo-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;line-height:1}._chipRemove_108uy_49:hover{color:var(--demo-text)}