.story.svelte-1ej8c56{display:flex;flex-direction:column}.story-row.svelte-1ej8c56{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:24px 0;border-top:1px solid var(--border);align-items:flex-start}.story-row.svelte-1ej8c56:last-child{border-bottom:1px solid var(--border)}.story-swatch.svelte-1ej8c56{width:80px;height:80px;border:1px solid var(--border)}.story-name.svelte-1ej8c56{display:flex;gap:16px;align-items:baseline;margin-bottom:8px}.role.svelte-1ej8c56{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-muted)}.color.svelte-1ej8c56{font-size:17px;font-weight:500;color:var(--fg)}.hex.svelte-1ej8c56{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);letter-spacing:-.01em}.story-row.svelte-1ej8c56 p:where(.svelte-1ej8c56){font-size:14px;line-height:1.6;color:var(--fg-muted);max-width:600px}.registers.svelte-1ej8c56{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border)}.register.svelte-1ej8c56{padding:32px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.product.svelte-1ej8c56{background:#faf8f1;color:#123b39}.marketing.svelte-1ej8c56{background:var(--gradient-jade);color:#ebede4}.reg-head.svelte-1ej8c56{display:flex;justify-content:space-between;align-items:center}.reg-label.svelte-1ej8c56{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;opacity:.72}.reg-tag.svelte-1ej8c56{font-family:var(--font-display);font-size:16px;font-weight:200;text-transform:uppercase;letter-spacing:-.01em}.reg-body.svelte-1ej8c56 p:where(.svelte-1ej8c56){font-size:17px;line-height:1.5}.see-tokens.svelte-1ej8c56{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-decoration:none;color:var(--fg);transition:color .15s}.see-tokens.svelte-1ej8c56:hover{color:var(--brand)}.see-label.svelte-1ej8c56{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:4px}.see-title.svelte-1ej8c56{display:block;font-size:17px;font-weight:500}@media(max-width:720px){.registers.svelte-1ej8c56{grid-template-columns:1fr}}