.gallery-header{background:color-mix(in srgb,var(--paper) 60%,transparent);backdrop-filter:blur(16px)}.gallery-header .synb-shell{padding-block:20px}.wordmark{font-weight:700;font-size:18px;letter-spacing:-.7px}.wordmark span{color:var(--accent)}.intro{padding:48px 0 32px}.eyebrow,.section-heading>span{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.1em}.intro h1{font-size:clamp(28px,5vw,44px);font-weight:600;line-height:1.35;letter-spacing:-1.6px;margin:18px 0}.intro p{color:var(--muted);margin:0 0 24px}.section-nav{gap:24px;padding-bottom:16px;font-size:13px;color:var(--muted)}section{scroll-margin-top:24px;margin:16px 0}.section-heading{margin-bottom:2px}.section-heading h2{margin:6px 0;font-size:20px;font-weight:600}h3{margin:0;font-size:14px;font-weight:600}p{margin:0}h2{font-weight:600;font-size:20px}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.swatch-chip{height:64px;border-radius:10px;background:var(--swatch)}.swatch span{display:block;font-size:11px;margin-top:6px;color:var(--muted)}.swatch code{font-size:10px;color:var(--muted)}.typography{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px}.typography h2{margin:8px 0}.type-letter{font-size:64px;letter-spacing:-6px;color:var(--accent);white-space:nowrap}pre{margin:0;padding:16px;background:var(--paper);border-radius:8px;overflow-x:auto;font-size:12px}footer{padding-block:32px 16px}.synb-dialog p{color:var(--muted)}
@media(max-width:640px){.component-grid{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(3,1fr)}.type-letter{display:none}.intro{padding-top:28px}.section-nav{gap:18px}}