.ds-page.svelte-1c02m4y{background:#f5f0e8;min-height:100vh}.ds-nav.svelte-1c02m4y{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f0e8eb;border-bottom:1px solid #00000014;position:sticky;top:0}.ds-nav-inner.svelte-1c02m4y{align-items:center;gap:14px;max-width:1200px;height:48px;margin:0 auto;padding:0 24px;display:flex}.ds-nav-sep.svelte-1c02m4y{background:#0000001f;width:1px;height:16px}.ds-back-link.svelte-1c02m4y{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#6e6e73;font-size:11px;text-decoration:none}.ds-back-link.svelte-1c02m4y:hover{color:#1d1d1f}.ds-nav-tag.svelte-1c02m4y{font-family:var(--font-mono);color:#9a9a9f;letter-spacing:.1em;text-transform:uppercase;margin-left:auto;font-size:10px}.ds-hero.svelte-1c02m4y{padding-top:24px}.ds-title.svelte-1c02m4y{margin:0;font-size:clamp(2rem,4.8vw,3.2rem)}.ds-lead.svelte-1c02m4y{color:#6e6e73;max-width:760px;margin:14px 0 0;font-size:15px;line-height:1.75}.ds-chip-row.svelte-1c02m4y{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.ds-chip.svelte-1c02m4y{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#6e6e73;background:#fff;border:1px solid #0000001a;border-radius:5px;padding:5px 8px;font-size:10px}.ds-section.svelte-1c02m4y{padding-top:32px}.ds-section-title.svelte-1c02m4y{font-family:var(--font-display);letter-spacing:-.02em;color:#1d1d1f;margin:0 0 16px;font-size:clamp(1.25rem,2.4vw,1.7rem)}.ds-panel.svelte-1c02m4y{background:#f5f4f2;padding:16px}.ds-grid-2.svelte-1c02m4y,.ds-grid-3.svelte-1c02m4y,.ds-grid-4.svelte-1c02m4y{gap:12px;display:grid}.ds-grid-2.svelte-1c02m4y{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid-3.svelte-1c02m4y{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid-4.svelte-1c02m4y{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-card.svelte-1c02m4y{min-width:0}.ds-card-title.svelte-1c02m4y{font-family:var(--font-display);color:#1d1d1f;margin:0 0 8px;font-size:1rem}.ds-card-text.svelte-1c02m4y{color:#6e6e73;margin:0;font-size:13px;line-height:1.65}.ds-logo-showcase.svelte-1c02m4y{background:#fff;border:1px solid #00000014;border-radius:8px;margin-bottom:12px;padding:16px}.ds-logo-note.svelte-1c02m4y{color:#6e6e73;margin-top:10px;font-size:12px;line-height:1.5}.ds-rules.svelte-1c02m4y{color:#6e6e73;margin:0;padding-left:18px;font-size:13px;line-height:1.7}.ds-swatch.svelte-1c02m4y{background:#fff;border:1px solid #00000014;border-radius:8px;flex-direction:column;gap:6px;min-width:0;padding:10px;display:flex}.ds-swatch.svelte-1c02m4y span:where(.svelte-1c02m4y){border:1px solid #00000014;border-radius:6px;height:34px}.ds-swatch.svelte-1c02m4y b:where(.svelte-1c02m4y){font-family:var(--font-mono);letter-spacing:.04em;color:#1d1d1f;overflow-wrap:anywhere;font-size:10px}.ds-swatch.svelte-1c02m4y small:where(.svelte-1c02m4y){font-family:var(--font-mono);color:#6e6e73;font-size:10px}.ds-hint.svelte-1c02m4y{color:#6e6e73;margin:10px 0 0;font-size:12px}.ds-type-sample.svelte-1c02m4y{color:#1d1d1f;background:#fff;border:1px solid #00000014;border-radius:6px;margin-bottom:8px;padding:8px 10px}.ds-display.svelte-1c02m4y{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.ds-body.svelte-1c02m4y{font-family:var(--font-body)}.ds-mono.svelte-1c02m4y{font-family:var(--font-mono);font-size:12px}.ds-breakpoint-table.svelte-1c02m4y{gap:8px;display:grid}.ds-breakpoint-table.svelte-1c02m4y div:where(.svelte-1c02m4y){background:#fff;border:1px solid #00000014;border-radius:7px;gap:3px;padding:10px;display:grid}.ds-breakpoint-table.svelte-1c02m4y b:where(.svelte-1c02m4y){font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#1d1d1f;font-size:10px}.ds-breakpoint-table.svelte-1c02m4y span:where(.svelte-1c02m4y){color:#6e6e73;font-size:12px;line-height:1.5}.ds-grid-preview.svelte-1c02m4y{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.ds-grid-preview.svelte-1c02m4y span:where(.svelte-1c02m4y){background:#0066cc14;border:1px solid #06c3;border-radius:4px;height:30px}.ds-wire-card.svelte-1c02m4y{overflow:hidden}.ds-wireframe.svelte-1c02m4y{background:#f5f4f2;gap:8px;padding:12px;display:grid}.w-nav.svelte-1c02m4y,.w-hero.svelte-1c02m4y,.w-grid.svelte-1c02m4y span:where(.svelte-1c02m4y){background:#fff;border:1px solid #00000026;border-radius:5px}.w-nav.svelte-1c02m4y{height:26px}.w-hero.svelte-1c02m4y{height:56px}.w-grid.svelte-1c02m4y{gap:6px;display:grid}.w-grid.one.svelte-1c02m4y{grid-template-columns:1fr}.w-grid.two.svelte-1c02m4y{grid-template-columns:repeat(2,minmax(0,1fr))}.w-grid.three.svelte-1c02m4y{grid-template-columns:repeat(3,minmax(0,1fr))}.w-grid.svelte-1c02m4y span:where(.svelte-1c02m4y){height:38px}.ds-matrix.svelte-1c02m4y{background:#fff;border:1px solid #00000014;border-radius:8px;overflow:hidden}.ds-matrix-row.svelte-1c02m4y{border-bottom:1px solid #0000000f;grid-template-columns:96px 170px 1fr 90px;align-items:start;gap:8px;padding:10px;display:grid}.ds-matrix-row.svelte-1c02m4y:last-child{border-bottom:none}.ds-matrix-row.svelte-1c02m4y span:where(.svelte-1c02m4y){color:#6e6e73;overflow-wrap:anywhere;font-size:12px;line-height:1.45}.ds-matrix-head.svelte-1c02m4y{background:#00000008}.ds-matrix-head.svelte-1c02m4y span:where(.svelte-1c02m4y){font-family:var(--font-mono);color:#1d1d1f;letter-spacing:.08em;text-transform:uppercase;font-size:10px}@media (width<=1024px){.ds-grid-4.svelte-1c02m4y,.ds-grid-3.svelte-1c02m4y{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-nav-inner.svelte-1c02m4y{padding:0 16px}.ds-matrix-row.svelte-1c02m4y{grid-template-columns:86px 130px 1fr 74px}.w-grid.three.svelte-1c02m4y{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.ds-nav-inner.svelte-1c02m4y{gap:10px;height:44px;padding:0 12px}.ds-nav-tag.svelte-1c02m4y{display:none}.ds-back-link.svelte-1c02m4y{letter-spacing:.04em;font-size:10px}.ds-section.svelte-1c02m4y{padding-top:24px}.ds-grid-2.svelte-1c02m4y,.ds-grid-3.svelte-1c02m4y,.ds-grid-4.svelte-1c02m4y{grid-template-columns:1fr;gap:10px}.ds-panel.svelte-1c02m4y{padding:10px}.ds-chip-row.svelte-1c02m4y{gap:6px}.ds-chip.svelte-1c02m4y{padding:4px 7px;font-size:9px}.ds-grid-preview.svelte-1c02m4y{gap:4px}.ds-grid-preview.svelte-1c02m4y span:where(.svelte-1c02m4y){height:22px}.ds-matrix.svelte-1c02m4y{overflow-x:auto}.ds-matrix-row.svelte-1c02m4y{grid-template-columns:86px 140px 1fr 84px;min-width:620px;padding:8px}.w-grid.two.svelte-1c02m4y,.w-grid.three.svelte-1c02m4y{grid-template-columns:1fr}.w-grid.svelte-1c02m4y span:where(.svelte-1c02m4y){height:30px}}