.design-header.svelte-gh7rrn{border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--canvas) 84%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;position:sticky;top:0}.header-inner.svelte-gh7rrn{height:var(--header-h);justify-content:space-between;align-items:center;gap:20px;display:flex}.header-right.svelte-gh7rrn{align-items:center;gap:18px;display:flex}.back-link.svelte-gh7rrn{color:var(--muted);font-size:11px;text-decoration:none}.back-link.svelte-gh7rrn:hover{color:var(--ink)}.design-hero.svelte-gh7rrn{max-width:980px;padding:clamp(64px,9vw,122px) 0 clamp(60px,8vw,100px)}.design-hero.svelte-gh7rrn h1:where(.svelte-gh7rrn){letter-spacing:-.065em;margin-top:22px;font-size:clamp(52px,8vw,120px);line-height:.88}.design-hero.svelte-gh7rrn h1:where(.svelte-gh7rrn) span:where(.svelte-gh7rrn){color:var(--display-accent)}.design-hero.svelte-gh7rrn>p:where(.svelte-gh7rrn):not(.eyebrow){max-width:540px;color:var(--muted);margin-top:30px;font-size:15px;line-height:1.75}.hero-facts.svelte-gh7rrn{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:8px 22px;margin-top:30px;font-size:9px;display:flex}.hero-facts.svelte-gh7rrn span:where(.svelte-gh7rrn):before{content:"·";color:var(--red);margin-right:7px}.block.svelte-gh7rrn{border-top:1px solid var(--line);padding:clamp(54px,7vw,88px) 0}.block-head.svelte-gh7rrn{max-width:720px;margin-bottom:38px}.block-head.svelte-gh7rrn h2:where(.svelte-gh7rrn){font-family:var(--font-display);letter-spacing:-.05em;margin-top:13px;font-size:clamp(35px,4.4vw,58px);font-weight:400;line-height:.98}.block-head.svelte-gh7rrn>p:where(.svelte-gh7rrn):last-child{max-width:520px;color:var(--muted);margin-top:18px;font-size:13px;line-height:1.7}.brand-grid.svelte-gh7rrn{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.swatch-card.svelte-gh7rrn{background:var(--surface);padding:0}.swatch.svelte-gh7rrn{background:var(--swatch);height:154px;position:relative}.swatch.svelte-gh7rrn:after{content:"";border:1px solid #fff3;border-radius:6px;position:absolute;inset:12px}.swatch-meta.svelte-gh7rrn{padding:16px}.swatch-title.svelte-gh7rrn{justify-content:space-between;gap:8px;font-size:10px;display:flex}.swatch-title.svelte-gh7rrn strong:where(.svelte-gh7rrn){font-weight:600}.swatch-title.svelte-gh7rrn span:where(.svelte-gh7rrn){font-family:var(--font-mono);color:var(--muted);text-align:right;font-size:8px}.swatch-meta.svelte-gh7rrn code:where(.svelte-gh7rrn){font-family:var(--font-mono);color:var(--accent-ink);background:var(--accent-soft);border-radius:3px;margin-top:8px;padding:3px 5px;font-size:8px;display:inline-block}.swatch-meta.svelte-gh7rrn p:where(.svelte-gh7rrn){color:var(--muted);margin-top:10px;font-size:9px;line-height:1.55}.neutral-columns.svelte-gh7rrn{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.neutral-panel.svelte-gh7rrn{color:#191416;background:#f3eee8;padding:18px}.neutral-panel.dark-panel.svelte-gh7rrn{color:#f6f0eb;background:#0b090a}.panel-label.svelte-gh7rrn{letter-spacing:.1em;text-transform:uppercase;color:currentColor;opacity:.55;margin-bottom:12px;font-size:9px;font-weight:600}.neutral-row.svelte-gh7rrn{border-top:1px solid #806e7033;align-items:center;gap:9px;min-height:33px;font-size:10px;display:flex}.neutral-chip.svelte-gh7rrn{border:1px solid #806e704d;border-radius:3px;flex:none;width:11px;height:11px}.neutral-row.svelte-gh7rrn code:where(.svelte-gh7rrn){font-family:var(--font-mono);opacity:.5;margin-left:auto;font-size:8px}.type-grid.svelte-gh7rrn{border:1px solid var(--line);background:var(--line);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.type-card.svelte-gh7rrn{background:var(--surface);min-height:330px;padding:clamp(22px,3.4vw,38px)}.type-label.svelte-gh7rrn{letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin-bottom:28px;font-size:8px}.type-display.svelte-gh7rrn{font-family:var(--font-display);letter-spacing:-.06em;font-size:clamp(48px,5.8vw,76px);line-height:.85}.type-italic.svelte-gh7rrn{font-family:var(--font-display);letter-spacing:-.03em;color:var(--accent-ink);margin-top:20px;font-size:25px;font-style:italic}.type-ui.svelte-gh7rrn{letter-spacing:-.045em;font-size:clamp(36px,4vw,54px);font-weight:500;line-height:1}.type-ui-small.svelte-gh7rrn{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted);margin-top:20px;font-size:8px}.type-body.svelte-gh7rrn{color:var(--muted);max-width:300px;margin-top:28px;font-size:11px;line-height:1.65}.contrast-table.svelte-gh7rrn{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.contrast-row.svelte-gh7rrn{border-bottom:1px solid var(--line);grid-template-columns:1.3fr .5fr 1.2fr;gap:16px;padding:12px 14px;font-size:10px;display:grid}.contrast-row.svelte-gh7rrn:last-child{border-bottom:0}.contrast-head.svelte-gh7rrn{background:var(--surface-2);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:7px}.contrast-row.svelte-gh7rrn span:where(.svelte-gh7rrn):nth-child(2){font-family:var(--font-mono);color:var(--accent-ink)}.contrast-row.svelte-gh7rrn span:where(.svelte-gh7rrn):last-child{color:var(--muted)}.component-grid.svelte-gh7rrn{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.component-card.svelte-gh7rrn{background:var(--surface);min-height:190px;padding:20px}.component-row.svelte-gh7rrn{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.field-label.svelte-gh7rrn{color:var(--muted);margin-bottom:6px;font-size:9px;display:block}.field.svelte-gh7rrn{border:1px solid var(--control-border);background:var(--canvas);width:100%;min-height:38px;color:var(--ink);border-radius:6px;padding:0 10px;font-size:11px}.field.svelte-gh7rrn:focus{border-color:var(--accent-ink)}.field-help.svelte-gh7rrn{color:var(--muted);margin-top:7px;font-size:8px;line-height:1.5}.card-demo.svelte-gh7rrn{background:var(--surface-2)}.card-kicker.svelte-gh7rrn{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent-ink);font-size:7px}.card-title.svelte-gh7rrn{font-family:var(--font-display);letter-spacing:-.03em;margin-top:10px;font-size:21px;line-height:1.1}.card-foot.svelte-gh7rrn{color:var(--muted);gap:12px;margin-top:24px;font-size:8px;display:flex}.rule-block.svelte-gh7rrn{grid-template-columns:.36fr 1fr;align-items:start;gap:30px;display:grid}.rules.svelte-gh7rrn{border-top:1px solid var(--line)}.rules.svelte-gh7rrn p:where(.svelte-gh7rrn){border-bottom:1px solid var(--line);color:var(--ink-soft);gap:16px;padding:13px 0;font-size:12px;display:flex}.rules.svelte-gh7rrn span:where(.svelte-gh7rrn){font-family:var(--font-mono);color:var(--accent-ink);padding-top:2px;font-size:8px}.design-footer.svelte-gh7rrn{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:24px 0 42px;display:flex}.design-footer.svelte-gh7rrn span:where(.svelte-gh7rrn){letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:8px}@media (width<=900px){.brand-grid.svelte-gh7rrn{grid-template-columns:1fr 1fr}.component-grid.svelte-gh7rrn,.type-grid.svelte-gh7rrn,.neutral-columns.svelte-gh7rrn{grid-template-columns:1fr}.rule-block.svelte-gh7rrn{grid-template-columns:1fr;gap:14px}}@media (width<=560px){.header-right.svelte-gh7rrn .back-link:where(.svelte-gh7rrn){display:none}.brand-grid.svelte-gh7rrn{grid-template-columns:1fr}.swatch.svelte-gh7rrn{height:110px}.contrast-row.svelte-gh7rrn{grid-template-columns:1.2fr .5fr}.contrast-row.svelte-gh7rrn span:where(.svelte-gh7rrn):last-child,.contrast-head.svelte-gh7rrn span:where(.svelte-gh7rrn):last-child{display:none}}