.colour-tool[data-astro-cid-ktmurv6z]{gap:var(--space-7);display:grid}.controls[data-astro-cid-ktmurv6z]{gap:var(--space-6);align-content:start;display:grid}.presets[data-astro-cid-ktmurv6z]{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preset[data-astro-cid-ktmurv6z]{align-items:center;gap:var(--space-3);min-height:3rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);cursor:pointer;display:flex}.preset[data-astro-cid-ktmurv6z] input[data-astro-cid-ktmurv6z]{opacity:0;width:1px;height:1px;position:absolute}.preset[data-astro-cid-ktmurv6z]:has(input:checked){border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink);background:var(--color-paper-alt)}.preset[data-astro-cid-ktmurv6z]:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.preset-dots[data-astro-cid-ktmurv6z]{display:inline-flex}.preset-dots[data-astro-cid-ktmurv6z] span[data-astro-cid-ktmurv6z]{border:1px solid #0a0e0f26;border-radius:50%;width:1.1rem;height:1.1rem}.preset-dots[data-astro-cid-ktmurv6z] span[data-astro-cid-ktmurv6z]+span[data-astro-cid-ktmurv6z]{margin-left:-.35rem}.preset-name[data-astro-cid-ktmurv6z]{font-size:var(--text-small);font-weight:var(--weight-medium);line-height:1.25}.custom[data-astro-cid-ktmurv6z]{gap:var(--space-2);display:grid}.custom-row[data-astro-cid-ktmurv6z]{gap:var(--space-2);display:flex}.picker[data-astro-cid-ktmurv6z]{width:var(--control-height);height:var(--control-height);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-paper);cursor:pointer;flex-shrink:0;padding:.2rem}.hex[data-astro-cid-ktmurv6z]{font-variant-numeric:tabular-nums;text-transform:uppercase;max-width:12rem}.output[data-astro-cid-ktmurv6z]{gap:var(--space-6);min-width:0;display:grid}.swatches[data-astro-cid-ktmurv6z]{gap:var(--space-3);padding:0;list-style:none;display:grid}.swatch[data-astro-cid-ktmurv6z]{gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:3.5rem 1fr auto;align-items:center;display:grid}.swatch-chip[data-astro-cid-ktmurv6z]{border-radius:var(--radius-sm);border:1px solid #0a0e0f1f;width:3.5rem;height:3.5rem}.swatch-text[data-astro-cid-ktmurv6z]{gap:.1rem;min-width:0;display:grid}.swatch-name[data-astro-cid-ktmurv6z]{font-weight:var(--weight-semibold)}.swatch-hex[data-astro-cid-ktmurv6z]{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-small)}.icon-button[data-astro-cid-ktmurv6z],.btn-copy[data-astro-cid-ktmurv6z]{justify-content:center;align-items:center;gap:var(--space-2);min-width:2.75rem;min-height:2.75rem;padding:0 var(--space-3);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-paper);font-weight:var(--weight-semibold);font-size:var(--text-small);display:inline-flex}.icon-button[data-astro-cid-ktmurv6z]:hover,.btn-copy[data-astro-cid-ktmurv6z]:hover{border-color:var(--color-ink)}.preview[data-astro-cid-ktmurv6z]{border-radius:var(--radius-lg);border:1px solid var(--color-border);display:grid;overflow:hidden}.preview-light[data-astro-cid-ktmurv6z]{gap:var(--space-3);padding:var(--space-6);background:var(--p-surface);color:var(--p-ink);justify-items:start;display:grid}.preview-eyebrow[data-astro-cid-ktmurv6z]{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--p-muted)}.preview-title[data-astro-cid-ktmurv6z]{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);line-height:var(--leading-snug)}.preview-body[data-astro-cid-ktmurv6z]{color:var(--p-muted)}.preview-button[data-astro-cid-ktmurv6z]{min-height:2.75rem;padding:0 var(--space-5);border-radius:var(--radius-sm);background:var(--p-accent);color:var(--p-on-accent);font-weight:var(--weight-semibold);align-items:center;display:inline-flex}.preview-dark[data-astro-cid-ktmurv6z]{gap:var(--space-2);padding:var(--space-6);background:var(--p-ink);color:var(--color-paper);display:grid}.preview-highlight[data-astro-cid-ktmurv6z]{color:var(--p-accent);font-weight:var(--weight-semibold)}.contrast[data-astro-cid-ktmurv6z]{gap:var(--space-2);display:grid;overflow-x:auto}.contrast[data-astro-cid-ktmurv6z] table[data-astro-cid-ktmurv6z]{border-collapse:collapse;width:100%;font-size:var(--text-small);margin-top:var(--space-2)}.contrast[data-astro-cid-ktmurv6z] th[data-astro-cid-ktmurv6z],.contrast[data-astro-cid-ktmurv6z] td[data-astro-cid-ktmurv6z]{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}.contrast[data-astro-cid-ktmurv6z] thead[data-astro-cid-ktmurv6z] th[data-astro-cid-ktmurv6z]{font-size:var(--text-caption);color:var(--color-text-muted);font-weight:var(--weight-semibold)}.contrast[data-astro-cid-ktmurv6z] tbody[data-astro-cid-ktmurv6z] th[data-astro-cid-ktmurv6z]{font-weight:var(--weight-medium)}.sample[data-astro-cid-ktmurv6z]{border-radius:var(--radius-sm);width:2.75rem;height:2rem;font-weight:var(--weight-semibold);border:1px solid #0a0e0f1f;place-items:center;display:inline-grid}.ratio[data-astro-cid-ktmurv6z]{font-variant-numeric:tabular-nums;white-space:nowrap}.grade[data-astro-cid-ktmurv6z]{padding:.15rem var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:var(--weight-semibold);white-space:nowrap;display:inline-block}.grade-pass[data-astro-cid-ktmurv6z]{background:var(--color-success-bg);color:var(--color-success)}.grade-warn[data-astro-cid-ktmurv6z]{background:var(--color-warning-bg);color:var(--color-warning)}.grade-fail[data-astro-cid-ktmurv6z]{background:var(--color-error-bg);color:var(--color-error)}.export[data-astro-cid-ktmurv6z]{gap:var(--space-3);display:grid}.export-head[data-astro-cid-ktmurv6z]{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.export[data-astro-cid-ktmurv6z] pre[data-astro-cid-ktmurv6z]{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-small);line-height:1.6;overflow-x:auto}@media (width>=480px){.presets[data-astro-cid-ktmurv6z]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.colour-tool[data-astro-cid-ktmurv6z]{gap:var(--space-9);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start}.controls[data-astro-cid-ktmurv6z]{top:calc(var(--header-height) + var(--space-5));position:sticky}}