.color-card.svelte-14ivan0{padding:16px}.preview.svelte-14ivan0{border-radius:var(--radius-md);overflow:hidden;background:repeating-conic-gradient(var(--surface-3) 0 25%,var(--surface) 0 50%) 0 0 / 16px 16px;box-shadow:inset 0 0 0 1px var(--border)}.fill.svelte-14ivan0{height:148px;padding:14px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.hex.svelte-14ivan0{font-family:var(--font-mono);font-size:26px;font-weight:800;letter-spacing:0;line-height:1.1}.fam.svelte-14ivan0{font-size:13px;font-weight:600;opacity:.85}.meta.svelte-14ivan0{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px;margin:14px 0 6px}.name.svelte-14ivan0{font-size:14px;color:var(--text-2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.name.svelte-14ivan0 strong:where(.svelte-14ivan0){color:var(--text);font-family:var(--font-mono)}.dot.svelte-14ivan0{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--border-strong)}.acts.svelte-14ivan0{display:flex;gap:6px;flex-wrap:wrap}.codes.svelte-14ivan0{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.codes.svelte-14ivan0 li:where(.svelte-14ivan0){display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--border)}.k.svelte-14ivan0{font-size:13px;font-weight:600;color:var(--text-3)}.v.svelte-14ivan0{font-family:var(--font-mono);font-size:14px;color:var(--text);overflow-wrap:anywhere;background:none;padding:0}.contrast.svelte-14ivan0{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.ct.svelte-14ivan0{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-sm);background:var(--surface-2);min-width:0}.sample.svelte-14ivan0{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:6px;font-weight:800;font-size:18px}.on-white.svelte-14ivan0{background:#fff;box-shadow:inset 0 0 0 1px var(--border)}.on-black.svelte-14ivan0{background:#000}.ct-k.svelte-14ivan0{font-size:12px;color:var(--text-3)}.ct-v.svelte-14ivan0{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.badge.svelte-14ivan0{background:var(--negative-soft);color:var(--negative)}.badge.pass.svelte-14ivan0{background:var(--positive-soft);color:var(--positive)}@media (max-width: 420px){.codes.svelte-14ivan0 li:where(.svelte-14ivan0){grid-template-columns:70px minmax(0,1fr) auto}.hex.svelte-14ivan0{font-size:22px}}