.tokens.svelte-1ylq4gt{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border)}.card.svelte-1ylq4gt{display:flex;flex-direction:column;background:var(--bg)}.card-canvas.svelte-1ylq4gt{display:flex;align-items:center;justify-content:center;min-height:220px;padding:48px;background:var(--bg-muted)}.floater.svelte-1ylq4gt{width:160px;height:96px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.floater-label.svelte-1ylq4gt{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-muted)}.card-meta.svelte-1ylq4gt{padding:24px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border)}.meta-row.svelte-1ylq4gt{display:flex}.meta-css.svelte-1ylq4gt .copy{max-width:100%}.meta-css.svelte-1ylq4gt .copy .value{white-space:normal;word-break:break-all;text-align:left}.meta-role.svelte-1ylq4gt{font-size:13px;line-height:1.55;color:var(--fg-muted);margin:0}.rules.svelte-1ylq4gt{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.rules.svelte-1ylq4gt li:where(.svelte-1ylq4gt){padding:16px 0;border-top:1px solid var(--border);font-size:14px;line-height:1.6;color:var(--fg)}.rules.svelte-1ylq4gt li:where(.svelte-1ylq4gt):last-child{border-bottom:1px solid var(--border)}.rules.svelte-1ylq4gt code:where(.svelte-1ylq4gt){font-family:var(--font-mono);font-size:.95em;background:var(--bg-muted);padding:1px 6px}.contrast.svelte-1ylq4gt{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border)}.contrast-cell.svelte-1ylq4gt{background:var(--bg);display:flex;flex-direction:column}.contrast-canvas.svelte-1ylq4gt{display:flex;align-items:center;justify-content:center;min-height:220px;padding:32px;background:var(--bg-muted)}.don-canvas.svelte-1ylq4gt{background:var(--bg-muted)}.don-card.svelte-1ylq4gt,.do-card.svelte-1ylq4gt{width:100%;max-width:260px;background:var(--bg);padding:20px}.don-card.svelte-1ylq4gt{box-shadow:0 18px 40px -10px #123b3940,0 6px 14px #123b391f}.do-card.svelte-1ylq4gt{border:1px solid var(--border)}.dc-label.svelte-1ylq4gt{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:8px}.dc-body.svelte-1ylq4gt{font-size:13px;line-height:1.55;color:var(--fg)}.contrast-cap.svelte-1ylq4gt{display:flex;gap:12px;align-items:center;padding:14px 20px;border-top:1px solid var(--border)}.cap-tag.svelte-1ylq4gt{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-muted);border:1px solid var(--border);padding:2px 8px}.do.svelte-1ylq4gt .cap-tag:where(.svelte-1ylq4gt){color:var(--brand);border-color:var(--brand)}.cap-text.svelte-1ylq4gt{font-size:13px;color:var(--fg-muted)}.cap-text.svelte-1ylq4gt code:where(.svelte-1ylq4gt){font-family:var(--font-mono);font-size:.95em;background:var(--bg-muted);padding:1px 6px}@media(max-width:720px){.tokens.svelte-1ylq4gt,.contrast.svelte-1ylq4gt{grid-template-columns:1fr}}