.design-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-12);min-inline-size:0;padding:clamp(var(--space-5),4vw,var(--space-12))}@layer components.hraness-design-kit.legacy{.design-gallery__walkthrough-preview{display:grid;gap:1rem;padding:1.5rem;font-size:.875rem}.design-gallery__walkthrough-context{margin:0;color:var(--hkm-muted);font-size:.75rem;letter-spacing:.06em}.design-gallery__walkthrough-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;font-size:1.125rem;font-weight:600}.design-gallery__walkthrough-state{padding:.25rem .5rem;border:1px solid var(--hkm-line);border-radius:.375rem;color:var(--hkm-muted);font-size:.75rem;font-weight:500}.design-gallery__walkthrough-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}.design-gallery__walkthrough-facts dt{margin-block-end:.25rem;color:var(--hkm-muted);font-size:.75rem}.design-gallery__walkthrough-facts dd{margin:0}.design-gallery__walkthrough-checks{margin:0;padding:0;list-style:none}.design-gallery__walkthrough-checks li{display:flex;justify-content:space-between;gap:1rem;padding-block:.75rem;border-block-start:1px solid var(--hkm-line)}.design-gallery__walkthrough-checks li>:last-child{color:var(--hkm-muted)}.design-gallery__walkthrough-result{display:grid;gap:.375rem;padding:1rem;border:1px solid var(--hkm-line);border-radius:.625rem;background:var(--hkm-surface)}.design-gallery__walkthrough-result>span{color:var(--hkm-muted);font-size:.75rem}.design-gallery__lantern-intro{margin:0;max-inline-size:60ch;color:var(--muted)}.design-gallery__lantern-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.design-gallery__lantern-wall{--hraness-material-module:4rem;padding:clamp(1.25rem,3vw,2.5rem);border-radius:2rem;min-inline-size:0}.design-gallery__lantern-caption{margin-block-end:2rem}.design-gallery__lantern-caption h3{margin:0 0 .375rem;font-size:1.75rem;font-weight:550;letter-spacing:-.025em}.design-gallery__lantern-caption p{margin:0}.design-gallery__lantern-workspace{min-block-size:32rem;margin-block-start:1.25rem;overflow:clip}.design-gallery__lantern-local{font-size:.75rem;color:var(--hraness-material-muted)}.design-gallery__lantern-content{display:grid;gap:1.5rem;padding:1.5rem}.design-gallery__lantern-filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.design-gallery__lantern-filter>span,.design-gallery__lantern-notes>li>span,.design-gallery__lantern-save>span{color:var(--hraness-material-muted);font-size:.8125rem;line-height:1.5}.design-gallery__lantern-notes>li{padding-block:.625rem 1rem}.design-gallery__lantern-notes summary{font-size:1rem;font-weight:550;line-height:1.4}.design-gallery__lantern-notes details p{margin:0 0 .75rem;font-size:.875rem;line-height:1.6;max-inline-size:65ch}.design-gallery__lantern-save{display:grid;justify-items:start;gap:.75rem}.design-gallery__lantern-states{display:grid;gap:1rem;padding:1.5rem}.design-gallery__lantern-states>:is(h3,p){margin:0}.design-gallery__lantern-states>p{max-inline-size:65ch}.design-gallery__lantern-state-actions{display:flex;flex-wrap:wrap;gap:.75rem}.design-gallery__lantern-plain{min-block-size:2.75rem;padding-inline:1rem;border:1px solid var(--hraness-material-seam);border-radius:var(--radius-md,.5rem);background-color:var(--hraness-material-plane);color:var(--hraness-material-ink);font:inherit;cursor:pointer}.design-gallery__lantern-plain:focus-visible{outline:2px solid var(--hraness-material-focus);outline-offset:3px}@media (max-width:60rem){.design-gallery__lantern-pair{grid-template-columns:minmax(0,1fr)}}@media (max-width:30rem){.design-gallery__lantern-wall{padding:1rem;border-radius:1.5rem}.design-gallery__lantern-content{padding:1rem}.design-gallery__lantern-local{display:none}}}.design-gallery__intro,.design-gallery__section{inline-size:min(100%,72rem);margin-inline:auto}.design-gallery__intro{display:grid;gap:var(--space-3)}.design-gallery__intro>:where(h1,p),.design-gallery__section>:where(h2){margin:0}.design-gallery__intro>p{max-inline-size:68ch;color:var(--muted)}.design-gallery__section{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);scroll-margin-block-start:var(--space-8)}.design-gallery__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:var(--space-4)}.design-gallery__type-specimen{display:grid;gap:var(--space-3)}.design-gallery__type-specimen>:where(p,code){margin:0}.design-gallery__type-specimen>p{font-family:var(--font-text);font-size:var(--text-heading);font-weight:var(--font-weight-bold)}.design-gallery__type-specimen>code{font-family:var(--font-mono);font-size:var(--text-caption)}.design-gallery__plain-theme.plain-site.plain-publication{display:block;min-height:0;padding:var(--space-4);border:1px solid var(--plain-line);background:var(--plain-background);color:var(--plain-foreground)}.design-gallery__plain-theme .plain-page{margin:0;padding:0}.design-gallery__plain-link-example{margin:0;font-size:var(--text-caption)}.design-gallery__paper-link{color:var(--plain-link)}.design-gallery__marketing{display:block;overflow:clip;border:1px solid var(--line);border-radius:.875rem;background:var(--background)}.design-gallery__marketing>.hraness-marketing-header{position:static}.design-gallery__marketing-preset{display:block;overflow:clip;margin-block-start:var(--space-6,1.5rem);border:1px solid var(--line);border-radius:.875rem;background:var(--background)}.design-gallery__quiet-steps{display:grid;gap:.5rem;margin:0;padding-inline-start:1.25rem}.design-gallery__marketing-command{max-inline-size:100%;margin:0;overflow:auto}.design-gallery__foil-note{padding:var(--space-4) var(--space-5);border-block-start:var(--hraness-marketing-rule)}.design-gallery__foil-note>p{margin:0;color:var(--muted);font-size:.8125rem;line-height:1.55;max-inline-size:68ch}.design-gallery__foil-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-start:.75rem}.design-gallery__foil-wordmark{font-size:1.25rem;font-weight:700;letter-spacing:-.04em;text-decoration:none}.design-gallery__foil-action{--hraness-foil-surface:var(--hraness-marketing-accent);display:inline-flex;align-items:center;min-block-size:2.25rem;padding:.45rem 1rem;border-radius:var(--hraness-marketing-radius);color:var(--hraness-marketing-accent-ink);font-weight:500;text-decoration:none}.design-gallery__shell-preview{block-size:min(42rem,72vh);min-block-size:26rem}.design-gallery__docked-footer-preview,.design-gallery__shell-preview,.design-gallery__status-preview{border:1px solid var(--line);overflow:clip}.design-gallery__docked-footer-preview{position:relative;min-block-size:8rem;padding:var(--space-4)}.design-gallery__docked-footer-preview>p{margin:0}.design-gallery__instrument{display:flex;min-inline-size:0;align-items:end;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);background:var(--surface)}.design-gallery__horizontal-fader{flex:1 1 12rem}.design-gallery__chat{display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--line);background:var(--surface)}.design-gallery__chat-avatar{display:grid;inline-size:var(--interactive-target-min);block-size:var(--interactive-target-min);place-items:center;border:1px solid var(--line);border-radius:var(--radius-round);font-weight:var(--font-weight-bold)}.design-gallery__chat :where(p){margin:0}.design-gallery__relative-times{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:var(--space-4) 0 0;padding:0;list-style:none;color:var(--muted);font-variant-numeric:tabular-nums}.design-gallery__effect{position:relative;isolation:isolate;min-block-size:20rem;overflow:clip;border:1px solid var(--line);background:var(--background)}.design-gallery__foil-deck{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:var(--space-4)}.design-gallery__foil-example{min-inline-size:0;--foil-card-radius:1rem}.design-gallery__foil-card{display:grid;min-block-size:16rem;align-content:space-between;gap:var(--space-8);padding:var(--space-5);background:color-mix(in srgb,var(--surface) 78%,transparent)}.design-gallery__foil-card>:where(div){display:grid;gap:var(--space-2)}.design-gallery__foil-card :where(h3,p){margin:0}.design-gallery__effect>:where(.hraness-design-aurora-background,.hraness-design-aurora-dots){position:absolute}.design-gallery__effect-copy{position:relative;z-index:1;display:grid;max-inline-size:38rem;gap:var(--space-2);padding:var(--space-8)}.design-gallery__effect-copy>:where(h3,p){margin:0}.design-gallery__syntax{max-inline-size:100%;margin:0;padding:var(--space-4);overflow:auto;border:1px solid var(--line);background:var(--surface)}@media (max-width:40rem){.design-gallery{padding-inline:var(--space-5)}.design-gallery__instrument{align-items:stretch;flex-direction:column}}@media (forced-colors:active){.design-gallery__chat,.design-gallery__docked-footer-preview,.design-gallery__effect,.design-gallery__instrument,.design-gallery__marketing,.design-gallery__plain-theme,.design-gallery__shell-preview,.design-gallery__status-preview,.design-gallery__syntax{border-color:CanvasText}.design-gallery__foil-card{background:Canvas}}.design-gallery__paper{background:var(--background);color:var(--foreground);padding:var(--space-6)}.design-gallery__paper h3{font:550 var(--hraness-paper-section-heading-size)/1.15 var(--font-heading);margin:0}.design-gallery__paper p{color:var(--muted);max-inline-size:68ch;line-height:1.6}