.bd-swatch.svelte-2d3puk{border-radius:var(--bd-r-card);border:1px solid var(--bd-border);background:var(--bd-surface);flex-direction:column;display:flex;overflow:hidden}.chip.svelte-2d3puk{justify-content:space-between;align-items:flex-end;height:96px;padding:14px;display:flex}.role.svelte-2d3puk{opacity:.85}.meta.svelte-2d3puk{padding:12px 14px}.name.svelte-2d3puk{font-family:var(--bd-font-sans);color:var(--bd-text);margin-bottom:2px;font-size:13px;font-weight:590}.value.svelte-2d3puk{font-family:var(--bd-font-mono);color:var(--bd-text-muted);font-size:12px}.brand-row.svelte-vluua5{grid-template-columns:1.3fr 1fr;gap:24px;margin-top:8px;display:grid}.brand-card.svelte-vluua5{background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:var(--bd-r-card);background-image:var(--bd-hero-wash);flex-direction:column;justify-content:space-between;min-height:340px;padding:56px;display:flex;position:relative;overflow:hidden}.wordmark.svelte-vluua5{font-family:var(--bd-font-display);letter-spacing:-3.2px;color:var(--bd-text);margin-top:24px;font-size:88px;font-weight:740;line-height:.95}.brand-card.svelte-vluua5 .note:where(.svelte-vluua5){font-family:var(--bd-font-sans);color:var(--bd-text-muted);margin-top:18px;font-size:15px}.brand-stack.svelte-vluua5{grid-template-rows:1fr 1fr;gap:16px;display:grid}.brand-logo.svelte-vluua5{background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:var(--bd-r-card);justify-content:center;align-items:center;padding:28px;display:flex}.brand-dark.svelte-vluua5{background:var(--bd-text);border-radius:var(--bd-r-card);color:var(--bd-canvas);flex-direction:column;justify-content:space-between;padding:28px;display:flex}.bd.svelte-vluua5{font-family:var(--bd-font-display);letter-spacing:-1.2px;font-size:44px;font-weight:720;line-height:1}.color-grid.svelte-vluua5{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.accent-card.svelte-vluua5{border-radius:var(--bd-r-card);border:1px solid var(--bd-border);background:var(--bd-surface);overflow:hidden}.accent-hero.svelte-vluua5{height:120px;position:relative}.accent-chips.svelte-vluua5{gap:8px;display:flex;position:absolute;inset:12px}.accent-chips.svelte-vluua5 .chip:where(.svelte-vluua5){border-radius:8px;width:24px;height:24px}.accent-meta.svelte-vluua5{padding:12px 14px}.accent-meta.svelte-vluua5 .name:where(.svelte-vluua5){font-family:var(--bd-font-sans);color:var(--bd-text);font-size:14px;font-weight:590}.accent-meta.svelte-vluua5 .note:where(.svelte-vluua5){font-family:var(--bd-font-sans);color:var(--bd-text-muted);margin-top:2px;font-size:12px}.type-card.svelte-vluua5{background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:var(--bd-r-card);padding:8px 28px}.type-row.svelte-vluua5{border-bottom:1px solid var(--bd-border);grid-template-columns:140px 1fr 140px;align-items:baseline;gap:24px;padding:22px 0;display:grid}.type-row.last.svelte-vluua5{border-bottom:none}.type-row.svelte-vluua5 .sample:where(.svelte-vluua5){color:var(--bd-text)}.mono.svelte-vluua5{font-family:var(--bd-font-mono);color:var(--bd-text-muted);font-size:12px}.mono.spec.svelte-vluua5{color:var(--bd-text-subtle);text-align:right}.mono.small.svelte-vluua5{color:var(--bd-text-subtle);font-size:11px}.surface-card.svelte-vluua5{background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:var(--bd-r-card);padding:28px}.space-row.svelte-vluua5{grid-template-columns:80px 80px 1fr;align-items:center;gap:20px;padding:10px 0;display:grid}.mono.px.svelte-vluua5{color:var(--bd-text-muted);font-size:12px}.space-bar.svelte-vluua5{background:var(--bd-accent);border-radius:2px;height:18px}.radius-grid.svelte-vluua5{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.radius-item.svelte-vluua5{flex-direction:column;gap:10px;display:flex}.radius-block.svelte-vluua5{background:var(--bd-accent-soft);border:1px solid var(--bd-border);height:88px}.shadow-grid.svelte-vluua5{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.shadow-card.svelte-vluua5{border-radius:var(--bd-r-card);background:var(--bd-surface);align-items:flex-end;height:140px;padding:16px;display:flex}.motion-grid.svelte-vluua5{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.motion-card.svelte-vluua5{background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:var(--bd-r-card);padding:20px}.motion-head.svelte-vluua5{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.motion-head.svelte-vluua5 .name:where(.svelte-vluua5){font-family:var(--bd-font-sans);color:var(--bd-text);font-size:15px;font-weight:600}.motion-note.svelte-vluua5{font-family:var(--bd-font-sans);color:var(--bd-text-muted);margin-bottom:14px;font-size:13px}.motion-track.svelte-vluua5{background:var(--bd-sunken);border-radius:var(--bd-r-btn);height:44px;position:relative;overflow:hidden}.motion-dot.svelte-vluua5{background:var(--bd-accent);border-radius:8px;width:32px;height:32px;animation:3.2s infinite svelte-vluua5-bd-slide;position:absolute;top:6px;left:6px}.motion-dot.motion-fast.svelte-vluua5{animation-duration:1.6s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.motion-dot.motion-base.svelte-vluua5{animation-duration:2.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.motion-dot.motion-slow.svelte-vluua5{animation-duration:3.2s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.motion-dot.motion-spring.svelte-vluua5{animation-duration:3.2s;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}@keyframes svelte-vluua5-bd-slide{0%,15%{transform:translate(0)}50%,65%{transform:translate(calc(100% + 280px))}to{transform:translate(0)}}.grid-specimens.svelte-vluua5{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-spec.svelte-vluua5{border:1px solid var(--bd-border);border-radius:var(--bd-r-card);min-height:180px;position:relative;overflow:hidden}.grid-spec.wide.svelte-vluua5{grid-column:1/-1;min-height:220px}.grid-label.svelte-vluua5{font-family:var(--bd-font-sans);letter-spacing:1.4px;text-transform:uppercase;color:var(--bd-text);background:var(--bd-surface);border-radius:var(--bd-r-pill);border:1px solid var(--bd-border);padding:4px 8px;font-size:12px;font-weight:590;position:absolute;top:14px;left:14px}.grid-code.svelte-vluua5{font-family:var(--bd-font-mono);color:var(--bd-text-muted);background:var(--bd-surface);border-radius:var(--bd-r-btn);border:1px solid var(--bd-border);padding:4px 8px;font-size:12px;position:absolute;bottom:14px;left:14px}.gradient-grid.svelte-vluua5{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.gradient-card.svelte-vluua5{background:var(--bd-surface);border:1px solid var(--bd-border);border-radius:var(--bd-r-card);flex-direction:column;gap:14px;padding:32px;display:flex}.gradient-card.svelte-vluua5 .grid-code:where(.svelte-vluua5){align-self:flex-start;position:static}@media (width<=1023px){.brand-row.svelte-vluua5{grid-template-columns:1fr}.brand-card.svelte-vluua5{min-height:280px;padding:40px}.wordmark.svelte-vluua5{letter-spacing:-2.4px;font-size:72px}.color-grid.svelte-vluua5{grid-template-columns:repeat(2,minmax(0,1fr))}.radius-grid.svelte-vluua5{grid-template-columns:repeat(3,minmax(0,1fr))}.shadow-grid.svelte-vluua5{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-grid.svelte-vluua5,.grid-specimens.svelte-vluua5{grid-template-columns:1fr}.grid-spec.wide.svelte-vluua5{grid-column:1/-1}.gradient-grid.svelte-vluua5{grid-template-columns:1fr}.type-row.svelte-vluua5{grid-template-columns:100px 1fr 100px;gap:16px}.type-card.svelte-vluua5{padding:8px 20px}}@media (width<=639px){.brand-card.svelte-vluua5{min-height:auto;padding:28px 20px}.wordmark.svelte-vluua5{letter-spacing:-1.6px;margin-top:16px;font-size:clamp(40px,12vw,64px)}.brand-logo.svelte-vluua5,.brand-dark.svelte-vluua5{padding:20px}.bd.svelte-vluua5{letter-spacing:-1px;font-size:36px}.color-grid.svelte-vluua5{grid-template-columns:1fr;gap:12px}.radius-grid.svelte-vluua5{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.radius-block.svelte-vluua5{height:72px}.shadow-grid.svelte-vluua5{grid-template-columns:1fr;gap:16px}.shadow-card.svelte-vluua5{height:110px}.type-card.svelte-vluua5{padding:4px 16px}.type-row.svelte-vluua5{grid-template-columns:1fr;gap:6px;padding:16px 0}.mono.spec.svelte-vluua5{text-align:left}.surface-card.svelte-vluua5{padding:20px}.space-row.svelte-vluua5{grid-template-columns:72px 60px 1fr;gap:12px}.space-bar.svelte-vluua5{max-width:100%}.grid-spec.svelte-vluua5{min-height:140px}.grid-spec.wide.svelte-vluua5{min-height:160px}.gradient-card.svelte-vluua5{padding:24px 20px}.motion-card.svelte-vluua5{padding:16px}}