.interaction-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.interaction-example{min-inline-size:0}.interaction-example .panel-heading{min-block-size:88px}.interaction-stage{min-inline-size:0;padding:var(--space-5)}.interaction-inline{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.interaction-content-title{color:var(--color-ink);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin-block-end:var(--space-2)}.interaction-status{color:var(--color-ink-secondary);font-size:var(--text-xs);margin-block-start:var(--space-4);line-height:1.5}.skeleton-preview{min-inline-size:0;margin-block-end:var(--space-4)}.skeleton-preview-icon{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-canvas);block-size:40px;inline-size:40px;color:var(--color-ink-secondary);flex:none;place-items:center;display:grid}.skullet-example-card{gap:var(--space-4);min-inline-size:0;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);display:grid}.skullet-example-heading{align-items:center;gap:var(--space-3);min-inline-size:0;display:flex}.skullet-example-heading>div{min-inline-size:0}.skullet-example-heading .interaction-content-title{margin-block-end:var(--space-1)}.skullet-example-card p,.skullet-example-facts{color:var(--color-ink-secondary);font-size:var(--text-xs);line-height:1.5}.skullet-example-facts{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.skullet-example-facts dd{color:var(--color-ink);font-weight:var(--font-weight-semibold);margin-block-start:var(--space-1)}.skullet-example-card .ui-link{font-size:var(--text-xs);justify-self:start}@media (width<70rem){.interaction-grid{grid-template-columns:minmax(0,1fr)}}.media-picker-examples[data-astro-cid-jfjrpx3x]{gap:var(--space-8);padding:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.media-picker-examples[data-astro-cid-jfjrpx3x]>[data-astro-cid-jfjrpx3x]{min-inline-size:0}h3[data-astro-cid-jfjrpx3x]{font-size:var(--text-base);font-weight:var(--font-weight-semibold)}.media-picker-example-caption[data-astro-cid-jfjrpx3x]{margin-block:var(--space-2) var(--space-5);color:var(--color-ink-secondary);font-size:var(--text-sm);line-height:1.5}.media-picker-reset{margin-block-start:var(--space-4)}@media (width<48rem){.media-picker-examples[data-astro-cid-jfjrpx3x]{gap:var(--space-8);padding:var(--space-4);grid-template-columns:minmax(0,1fr)}}.button-shape-gallery[data-astro-cid-56a42zom]{border-block-start:1px solid var(--color-line);padding:var(--space-5);scroll-margin-block-start:var(--space-6)}.button-shape-heading[data-astro-cid-56a42zom] p[data-astro-cid-56a42zom],.button-type-heading[data-astro-cid-56a42zom] p[data-astro-cid-56a42zom]{color:var(--color-ink-secondary);font-size:var(--text-sm);margin-block-start:var(--space-1)}.button-shape-examples[data-astro-cid-56a42zom]{align-items:start;gap:var(--space-6);padding-block:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.button-shape-examples[data-astro-cid-56a42zom]>div[data-astro-cid-56a42zom]{min-inline-size:0}.button-shape-caption[data-astro-cid-56a42zom]{color:var(--color-ink-secondary);font-size:var(--text-xs);margin-block-end:var(--space-3)}.button-type-heading[data-astro-cid-56a42zom]{border-block-start:1px solid var(--color-line);padding-block-start:var(--space-4)}.button-type-samples[data-astro-cid-56a42zom]{gap:var(--space-2);margin-block-start:var(--space-4);display:grid}.button-type-sample[data-astro-cid-56a42zom]{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);grid-template-columns:3rem minmax(0,1fr) 7rem;display:grid}.button-type-sample[data-astro-cid-56a42zom][data-button-font-sample="12"]{background:var(--color-canvas)}.button-type-size[data-astro-cid-56a42zom]{color:var(--color-ink-secondary);font-family:var(--font-mono);font-size:var(--text-xs)}.button-type-verdict[data-astro-cid-56a42zom]{color:var(--color-ink-secondary);font-size:var(--text-xs)}@media (width<70rem){.button-shape-examples[data-astro-cid-56a42zom]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<40rem){.button-shape-gallery[data-astro-cid-56a42zom]{padding:var(--space-4) min(var(--space-4), 3vw)}.button-shape-examples[data-astro-cid-56a42zom]{grid-template-columns:minmax(0,1fr)}.button-type-sample[data-astro-cid-56a42zom]{grid-template-columns:minmax(0,1fr) auto;padding-inline:0}.button-type-sample[data-astro-cid-56a42zom] .ui-button-group{grid-area:2/1/auto/-1}.button-type-verdict[data-astro-cid-56a42zom]{grid-area:1/2}}.sidebar-gallery-card[data-astro-cid-cyttw4rj]{align-items:start;gap:var(--space-5);padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-panel);display:flex}.sidebar-gallery-icon[data-astro-cid-cyttw4rj]{inline-size:var(--space-12);block-size:var(--space-12);border-radius:var(--radius-panel);color:var(--color-on-inverse);background:var(--color-inverse);flex:none;place-items:center;display:inline-grid}h3[data-astro-cid-cyttw4rj]{font-size:var(--text-base);font-weight:var(--font-weight-semibold)}p[data-astro-cid-cyttw4rj]{margin-block:var(--space-2) var(--space-4);color:var(--color-ink-secondary);font-size:var(--text-xs)}@media (width<40rem){.sidebar-gallery-card[data-astro-cid-cyttw4rj]{padding:var(--space-4);flex-direction:column}}.checkbox-example-options[data-astro-cid-pkd6omnl]{justify-items:start;gap:var(--space-2);min-inline-size:0;max-inline-size:32rem;display:grid}.checkbox-example-error[data-astro-cid-pkd6omnl]{color:var(--color-danger);font-size:var(--text-xs)}.inbox-gallery-state[data-astro-cid-vfaza6j5]{block-size:30rem;border:1px solid var(--color-line);border-radius:var(--radius-control);margin-block-start:var(--space-4);overflow:hidden}.inbox-gallery-state[data-astro-cid-vfaza6j5] .ui-inbox{min-block-size:0}.control-example-row,.link-example-row{align-items:center;gap:var(--space-5);padding:var(--space-5);grid-template-columns:180px minmax(0,1fr);display:grid}.control-example-row+.control-example-row,.link-example-row+.link-example-row{border-block-start:1px solid var(--color-line)}.control-example-caption h3{font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.control-example-caption p{color:var(--color-ink-secondary);font-size:var(--text-xs);margin-block-start:var(--space-1)}.control-example-status{padding:var(--space-4) var(--space-5);border-block:1px solid var(--color-line);background:var(--color-canvas);color:var(--color-ink-secondary);font-size:var(--text-xs)}.field-example-grid{align-items:start;gap:var(--space-6);padding:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field-example-grid+.code-sample{border-block-start:1px solid var(--color-line)}.exclusive-label-context{color:var(--color-ink);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-block-end:var(--space-2)}.input-size-row{align-items:end;gap:var(--space-5);padding:var(--space-5);border-block-start:1px solid var(--color-line);background:var(--color-canvas);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.settings-preview{border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--shadow-subtle);overflow:clip}.settings-preview-heading{justify-content:space-between;align-items:start;gap:var(--space-4);padding:var(--space-5);border-block-end:1px solid var(--color-line);display:flex}.settings-preview-heading h3{font-size:var(--text-base);font-weight:var(--font-weight-semibold)}.settings-preview-heading p{color:var(--color-ink-secondary);font-size:var(--text-xs);margin-block-start:var(--space-1)}.preview-mode{padding:var(--space-1) var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-ink-secondary);flex:none;font-size:10px}.settings-fields{gap:var(--space-5);padding:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.settings-save-row{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-5);border-block-start:1px solid var(--color-line);background:var(--color-canvas);flex-wrap:wrap;display:flex}.settings-status{max-inline-size:55ch;color:var(--color-ink-secondary);font-size:var(--text-xs);flex:200px}.settings-status>[data-tone=critical]{color:var(--color-danger)}.settings-status>[data-tone=success]{color:var(--color-success)}.settings-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.settings-preview-options{grid-template-rows:minmax(var(--target-comfortable), auto);padding:var(--space-2) var(--space-3);border-block-start:1px solid var(--color-line);place-items:center start;display:grid}.settings-preview-options>*{grid-area:1/1}.settings-options-reserve{visibility:hidden;pointer-events:none;user-select:none}.settings-enhancement-note{padding:var(--space-2);color:var(--color-ink-secondary);font-size:var(--text-xs)}.second-instance{border:1px solid var(--color-line);border-radius:var(--radius-control);margin-block-start:var(--space-4)}.second-instance summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:44px;padding:var(--space-3) var(--space-4);color:var(--color-ink-secondary);font-size:var(--text-xs);list-style:none;display:flex}.second-instance summary::-webkit-details-marker{display:none}.second-instance summary .ui-icon{transition:transform var(--duration-dropdown) var(--ease-move)}.second-instance[data-open=true] summary .ui-icon,.second-instance[open]:not([data-motion-mounted]) summary .ui-icon{transform:rotate(180deg)}.second-instance [data-disclosure-content]{padding:var(--space-4);border-block-start:1px solid var(--color-line)}@media (prefers-reduced-motion:reduce){.second-instance summary .ui-icon{transition:none}}@media (width<70rem){.control-example-row,.link-example-row{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}}@media (width<40rem){.field-example-grid,.input-size-row,.settings-fields{grid-template-columns:minmax(0,1fr)}.gallery-content[data-ui-container]{padding-inline:min(var(--space-6), 4vw)}}