.demo-library{outline:none;padding-bottom:48px}.demo-library.has-selection{padding-bottom:144px}.demo-comparison .demo-library-content,.demo-brief-page .demo-library-content{padding-top:12px}.demo-hero{background:var(--brand-blue);color:#fff;padding-block:52px 56px}.demo-context{padding-top:20px}.demo-context a{min-height:44px;color:var(--brand-muted);align-items:center;gap:8px;font-size:14px;text-decoration:none;display:inline-flex}.demo-context a:hover{color:var(--brand-blue)}.demo-subnav{border-bottom:1px solid var(--brand-line);align-items:center;gap:32px;min-height:64px;margin-bottom:24px;display:flex}.demo-subnav a{min-height:48px;color:var(--brand-muted);align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.demo-subnav a[aria-current]{color:var(--brand-blue);text-underline-offset:8px;text-decoration:underline}.demo-subnav [data-count]{text-align:center;min-width:24px;color:var(--brand-blue);background:var(--brand-soft);border-radius:4px;font-size:13px}.demo-intro{justify-content:space-between;align-items:end;gap:40px;display:flex}.demo-intro h1{letter-spacing:-.035em;font-size:clamp(36px,4.1vw,60px);font-weight:820;line-height:1.22}.demo-intro>p{color:#e8eeff;max-width:380px;font-size:17px;line-height:1.7}.demo-library select,.demo-library textarea,.demo-library input:not([type=checkbox]):not([type=radio]){border:1px solid var(--brand-line);color:var(--brand-ink);background:#fff;border-radius:4px;max-width:100%;min-height:48px;padding:10px 12px}.demo-library textarea{resize:vertical;width:100%}.demo-library button,.demo-library summary{cursor:pointer}.demo-library button:disabled{cursor:wait;opacity:.6}.demo-filterbar{border-block:1px solid var(--brand-line);align-items:start;gap:24px;padding-block:20px;display:flex}.demo-field-filter{align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.demo-field-filter select{min-width:200px}.demo-more-filters{flex:1}.demo-more-filters>summary{width:fit-content;min-height:48px;margin-left:20px;padding-block:10px;font-size:14px;font-weight:650;display:list-item}.demo-filter-options{flex-wrap:wrap;align-items:end;gap:16px;padding-top:16px;display:flex}.demo-filter-options label{gap:8px;font-size:14px;font-weight:650;display:grid}.demo-view-control{gap:4px;display:flex}.demo-view-control button{min-height:48px;color:var(--brand-muted);border:1px solid var(--brand-line);background:#fff;border-radius:4px;padding:8px 16px}.demo-view-control button[aria-pressed=true]{color:#fff;background:var(--brand-ink);border-color:var(--brand-ink)}.demo-text-button{text-underline-offset:4px;min-height:48px;color:var(--brand-muted);background:0 0;border:0;padding:8px 4px;text-decoration:underline}.demo-result-count{color:var(--brand-muted);padding-top:20px;font-size:14px}.demo-field-group{margin-top:32px}.demo-field-group+.demo-field-group{margin-top:64px}.demo-field-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.demo-field-heading>div{align-items:baseline;gap:16px;display:flex}.demo-field-heading h2{font-size:24px;font-weight:780}.demo-field-heading p{color:var(--brand-muted);font-size:14px}.demo-field-heading a,.demo-card-actions>a{min-height:44px;color:var(--brand-blue);align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.demo-field-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.demo-card{min-width:0}.demo-preview{aspect-ratio:1.6;background:var(--brand-soft);display:block;position:relative;overflow:hidden}.demo-preview img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .25s ease-out;display:block}.demo-preview:hover img{transform:scale(1.015)}.demo-preview.mobile-preview img{object-fit:cover;width:42%;margin-inline:auto}.demo-preview-link{color:var(--brand-ink);background:#fff;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:12px;right:12px}.demo-card-heading{justify-content:space-between;align-items:center;gap:16px;margin-block:20px 8px;display:flex}.demo-card-heading h3{font-size:22px;font-weight:780}.demo-card-heading span{color:var(--brand-muted);white-space:nowrap;font-size:13px}.demo-card>p{color:var(--brand-muted);font-size:15px}.demo-card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.demo-pick{border:1px solid var(--brand-line);min-height:44px;color:var(--brand-ink);background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.demo-pick[aria-pressed=true]{color:var(--brand-blue);background:var(--brand-soft);border-color:var(--brand-blue)}.demo-image-fallback{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:24px;display:flex}.demo-empty{text-align:center;padding:64px 24px}.demo-empty p{margin-block:12px 24px}.demo-help{border-top:1px solid var(--brand-line);grid-template-columns:1fr 1fr;gap:64px;margin-top:80px;padding-top:48px;display:grid}.demo-help h2{margin-bottom:16px;font-size:28px;font-weight:780}.demo-help p{color:var(--brand-muted)}.demo-help .text-link{color:var(--brand-blue);margin-top:20px}.demo-help details{border-bottom:1px solid var(--brand-line)}.demo-help summary{padding:20px 0;font-weight:700}.demo-help details p{padding-bottom:24px}.demo-disclosure{color:var(--brand-muted);margin-top:48px;font-size:13px}.demo-notice{background:var(--brand-soft);padding:16px 20px;font-size:14px;margin-bottom:24px!important}.demo-live{min-height:24px;color:var(--brand-blue);font-size:14px;margin-top:12px!important}.demo-selection-bar{bottom:0;z-index:15;border-top:1px solid var(--brand-line);padding-block:16px max(16px, env(safe-area-inset-bottom));background:#fff;position:fixed;inset-inline:0}.demo-selection-inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.demo-selection-inner>div:first-child{gap:4px;display:grid}.demo-selection-inner strong{font-size:15px}.demo-selection-inner #selection-names{color:var(--brand-muted);font-size:13px}.demo-selection-actions{gap:12px;display:flex}@media (min-width:1600px){.demo-comparison .demo-library-content{width:min(100% - 128px,1680px)}}@media (max-width:900px){.demo-intro{display:block}.demo-intro>p{max-width:560px;margin-top:20px}.demo-field-pair{gap:24px}.demo-card-heading{align-items:start}.demo-card-heading h3{font-size:20px}.demo-help{gap:32px}}@media (max-width:600px){.demo-hero{padding-block:36px 40px}.demo-context{padding-top:12px}.demo-subnav{gap:20px;min-height:56px;margin-bottom:24px}.demo-subnav a{gap:6px;font-size:14px}.demo-intro h1{font-size:34px;line-height:1.25}.demo-intro>p{margin-top:16px;font-size:15px}.demo-filterbar{flex-wrap:wrap;gap:8px;padding-block:12px}.demo-field-filter{flex:1;gap:8px}.demo-field-filter select{flex:1;width:100%;min-width:0}.demo-more-filters{flex:none}.demo-more-filters[open]{flex-basis:100%}.demo-more-filters>summary{margin-left:16px;font-size:13px}.demo-more-filters[open]>summary{margin-left:20px}.demo-filter-options{gap:12px}.demo-filter-options label{flex:1;min-width:120px}.demo-result-count{padding-top:16px;font-size:13px}.demo-field-group{margin-top:24px}.demo-field-group+.demo-field-group{margin-top:48px}.demo-field-heading{gap:12px;margin-bottom:16px}.demo-field-heading>div{display:block}.demo-field-heading h2{font-size:22px}.demo-field-heading p{margin-top:4px}.demo-field-heading a{gap:4px;font-size:13px}.demo-field-pair{grid-template-columns:1fr;gap:32px}.demo-card-heading{margin-top:16px}.demo-help{grid-template-columns:1fr;gap:24px;margin-top:56px;padding-top:32px}.demo-help h2{font-size:24px}.demo-selection-inner{flex-direction:column;align-items:stretch;gap:8px}.demo-selection-inner>div:first-child{align-items:center;gap:12px;display:flex}.demo-selection-inner #selection-names{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-selection-inner strong{white-space:nowrap}.demo-selection-actions{gap:8px}.demo-selection-actions a{flex:1;min-height:44px;padding:10px 12px;font-size:14px}.demo-library.has-selection{padding-bottom:176px}}@media (prefers-reduced-motion:reduce){.demo-preview img{transition:none}}.demo-library .demo-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-library .demo-selection-feedback{color:var(--brand-blue);margin:8px auto 0;font-size:13px}.demo-replacement{border-top:1px solid var(--brand-line);flex:1 0 100%;order:3;width:100%;min-width:0;padding-block:20px 4px;scroll-margin-top:160px;scroll-margin-bottom:180px}.demo-replacement h3{font-size:18px;font-weight:750;line-height:1.5}.demo-replacement p{color:var(--brand-muted);margin-top:8px;font-size:14px}.demo-replacement-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.demo-replacement-options button{text-align:left;border:1px solid var(--brand-line);min-height:72px;color:var(--brand-ink);background:#fff;border-radius:4px;gap:4px;padding:12px;display:grid}.demo-replacement-options button:hover{border-color:var(--brand-blue)}.demo-replacement-options span{color:var(--brand-muted);font-size:13px}.demo-replacement-options strong{font-size:14px}.demo-selection-compact .demo-selection-feedback{display:none}@media (max-width:600px){.demo-selection-bar{padding-block:12px max(12px, env(safe-area-inset-bottom))}.demo-selection-compact .demo-selection-inner{gap:6px}.demo-replacement-options{grid-template-columns:1fr;gap:8px}.demo-replacement-options button{min-height:64px}}