.styleguide_page__8CN8y{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.styleguide_pageHeader__Klu3a{margin-bottom:32px}.styleguide_pageTitle__uAHc0{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:4px}.styleguide_pageSubtitle___XyTB{font-size:var(--text-sm);color:var(--text-secondary)}.styleguide_section__HMz0C{margin-bottom:48px}.styleguide_sectionTitle__BtSRc{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.styleguide_grid__JneYG{display:grid;grid-gap:16px;gap:16px}.styleguide_grid2__76yKu{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.styleguide_grid3__QWqXl{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.styleguide_row__yWWV5{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.styleguide_preview__hhYq7{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:12px}.styleguide_previewLabel__pRdVX{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.styleguide_swatchGrid__jmy9X{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px}.styleguide_swatch__TvdQc{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light);background:var(--bg-surface)}.styleguide_swatchColor__Bn2zI{height:64px}.styleguide_swatchInfo__Fcboi{padding:8px 12px}.styleguide_swatchName__8Br3s{font-size:var(--text-xs);font-weight:600;color:var(--text-primary)}.styleguide_swatchValue__lsfMq{font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}