.palette-preview.svelte-i5hij{min-width:0;container-type:inline-size}.section-heading.svelte-i5hij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14.4px;display:flex}h2.svelte-i5hij{font:700 2rem/1.1 var(--site-serif-family);letter-spacing:-.02em;margin:0}.preview-actions.svelte-i5hij{flex-wrap:wrap;gap:7.2px;display:flex}button.svelte-i5hij{border:1px solid var(--border-panel);background:var(--color-2);min-height:36px;color:var(--color-1);font:500 .875rem/1.2 var(--site-font-family);cursor:pointer;border-radius:0;padding:7.2px 10.8px}button.svelte-i5hij:hover:not(:disabled){border-color:var(--color-1)}button.svelte-i5hij:disabled{opacity:.45;cursor:default}button.svelte-i5hij:focus-visible{outline:2px solid var(--color-1);outline-offset:2px}.preview-colors.svelte-i5hij{gap:0 18px;margin:0 0 18px;padding:0;list-style:none;display:grid}.preview-colors.svelte-i5hij li:where(.svelte-i5hij){border-bottom:1px solid var(--border-panel);grid-template-columns:18px minmax(0,1fr) auto auto;align-items:center;gap:9px;min-width:0;padding:5.4px 0;font-size:.875rem;display:grid}.editor-swatch.svelte-i5hij{border:1px solid var(--border-panel);width:18px;height:18px}.color-role.svelte-i5hij{white-space:nowrap}code.svelte-i5hij{color:inherit;background:0 0;padding:0;font:400 .875rem/1.2 ui-monospace,Consolas,monospace}.preview-colors.svelte-i5hij button:where(.svelte-i5hij){border-color:#0000;min-height:32px;padding:5.4px 7.2px}.reading-preview.svelte-i5hij{border:1px solid var(--color-1);background:var(--preview-paper);min-width:0;color:var(--preview-ink);overflow:clip}.preview-paper.svelte-i5hij{min-width:0;padding:clamp(18px,4cqi,28.8px)}h3.svelte-i5hij{max-width:17ch;font:700 clamp(2rem, 6cqi, 3rem)/1.05 var(--site-serif-family);letter-spacing:-.03em;text-wrap:balance;margin:0 0 16.2px}.reading-preview.svelte-i5hij p:where(.svelte-i5hij){margin:0 0 14.4px;font-size:.9375rem;line-height:1.65}.reading-preview.svelte-i5hij .preview-muted:where(.svelte-i5hij){color:var(--preview-muted);font-size:.875rem}.reading-preview.svelte-i5hij a:where(.svelte-i5hij){background:var(--preview-accent);max-width:100%;color:var(--preview-accent-ink);text-underline-offset:3px;justify-content:space-between;align-items:center;gap:12px;padding:10.8px 12.6px;font-size:.875rem;font-weight:600;line-height:1.4;text-decoration:underline;display:inline-flex}.reading-preview.svelte-i5hij a:where(.svelte-i5hij):focus-visible{outline:2px solid var(--preview-ink);outline-offset:3px}.preview-fallback.svelte-i5hij{margin:10.8px 0 0;font-size:.875rem;line-height:1.5}.preview-study.svelte-i5hij{background:var(--preview-ink);min-width:0;margin:0}.preview-art.svelte-i5hij{width:100%;height:auto;display:block}.preview-ink.svelte-i5hij{color:var(--preview-paper);padding:18px}.inverse-title.svelte-i5hij{max-width:20ch;font:700 1.5rem/1.1 var(--site-serif-family);letter-spacing:-.02em;display:block}.reading-preview.svelte-i5hij .inverse-muted:where(.svelte-i5hij){color:var(--preview-inverse-muted);margin:9px 0 0;font-size:.875rem;line-height:1.5}@container (width>=560px){.preview-colors.svelte-i5hij{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-preview.svelte-i5hij{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.preview-study.svelte-i5hij{flex-direction:column;display:flex}.preview-ink.svelte-i5hij{flex:1}}@media (pointer:coarse){button.svelte-i5hij{min-height:40px}.preview-colors.svelte-i5hij button:where(.svelte-i5hij){min-height:40px}}.palette-page-header.svelte-zpnjbt{padding-block-start:10.8px;padding-block-end:25.2px}.back-link.svelte-zpnjbt{font-size:var(--type-small)}h1.svelte-zpnjbt{font:700 clamp(2.8rem, 7vw, 5.5rem)/1 var(--site-serif-family);letter-spacing:-.04em;margin:18px 0 14.4px}.palette-page-header.svelte-zpnjbt p:where(.svelte-zpnjbt){max-width:64ch;margin:0}button.svelte-zpnjbt,select.svelte-zpnjbt,input.svelte-zpnjbt,textarea.svelte-zpnjbt{font:inherit}button.svelte-zpnjbt,select.svelte-zpnjbt{min-height:36px;color:inherit;background:0 0;border:1px solid}button.svelte-zpnjbt{cursor:pointer;padding:7.2px 10.8px}button.svelte-zpnjbt:disabled{opacity:.4;cursor:default}button.svelte-zpnjbt:not(:disabled):hover{text-underline-offset:3px;text-decoration:underline}select.svelte-zpnjbt{background:var(--color-2);color:var(--color-1);padding:7.2px 25.2px 7.2px 9px}.palette-toolbar.svelte-zpnjbt{flex-wrap:wrap;align-items:center;gap:10.8px;padding-block-start:0;padding-block-end:14.4px;font-size:.875rem;display:flex}.generate.svelte-zpnjbt{background:var(--color-1);color:var(--color-2);border-color:var(--color-1);align-items:center;gap:21.6px;display:flex}kbd.svelte-zpnjbt{font:400 .875rem var(--site-font-family);border:1px solid;padding:1.8px 4.5px}.history-controls.svelte-zpnjbt,.export-controls.svelte-zpnjbt{gap:5.4px;display:flex}.export-controls.svelte-zpnjbt{margin-left:auto}.count-control.svelte-zpnjbt{align-items:center;gap:7.2px;display:flex}.palette-swatches.svelte-zpnjbt{isolation:isolate;grid-template-columns:repeat(var(--swatch-count), minmax(0, 1fr));border:1px solid var(--color-1);display:grid;position:relative;overflow:clip}.swatch.svelte-zpnjbt{min-width:0;min-height:306px;color:var(--swatch-ink);background:var(--swatch);flex-direction:column;padding:14.4px;display:flex}.swatch-top.svelte-zpnjbt{justify-content:space-between;align-items:center;gap:7.2px;font-size:.875rem;display:flex}.swatch.svelte-zpnjbt button:where(.svelte-zpnjbt){border:0;padding:5.4px 7.2px;font-size:.875rem}.swatch.svelte-zpnjbt .lock:where(.svelte-zpnjbt){border:1px solid #0000}.swatch.svelte-zpnjbt .lock[aria-pressed=true]:where(.svelte-zpnjbt){border-color:currentColor}.swatch-color.svelte-zpnjbt{flex-direction:column;align-items:center;margin:auto 0;padding-block-start:14.4px;padding-block-end:14.4px;display:flex}.color-picker.svelte-zpnjbt{cursor:pointer;display:block;position:relative}.color-picker.svelte-zpnjbt span:where(.svelte-zpnjbt){font:700 clamp(2.25rem, 5vw, 4.5rem)/1.2 var(--site-serif-family);display:block}.color-picker.svelte-zpnjbt input:where(.svelte-zpnjbt){opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.color-picker.svelte-zpnjbt:focus-within{outline-offset:4px;outline:2px solid}.hex-input.svelte-zpnjbt{width:100%;min-width:0;max-width:9ch;color:inherit;text-align:center;background:0 0;border:0;border-bottom:1px solid #0000;margin-top:10.8px;padding:4.5px 0;font-family:ui-monospace,Consolas,monospace;font-size:clamp(.875rem,1.6vw,1.375rem)}.hex-input.svelte-zpnjbt:hover,.hex-input.svelte-zpnjbt:focus{border-bottom-color:currentColor}.swatch.svelte-zpnjbt :where(.svelte-zpnjbt):-webkit-any(button:where(.svelte-zpnjbt),input:where(.svelte-zpnjbt)):focus-visible{outline:2px solid var(--swatch-ink);outline-offset:2px}.swatch.svelte-zpnjbt :where(.svelte-zpnjbt):is(button:where(.svelte-zpnjbt),input:where(.svelte-zpnjbt)):focus-visible{outline:2px solid var(--swatch-ink);outline-offset:2px}.swatch-move.svelte-zpnjbt{justify-content:space-between;display:flex}.swatch-move.svelte-zpnjbt button:where(.svelte-zpnjbt){min-width:36px;font-size:1rem}.palette-status.svelte-zpnjbt{min-height:2.8em;margin:10.8px 0 19.8px;font-size:.875rem;line-height:1.5}.palette-workbench.svelte-zpnjbt{border-top:1px solid var(--color-1);grid-template-columns:minmax(198px,.8fr) minmax(0,2fr);gap:43.2px;padding-top:25.2px;display:grid}h2.svelte-zpnjbt{font:700 2rem/1.1 var(--site-serif-family);letter-spacing:-.02em;margin:0}.section-note.svelte-zpnjbt,.rules-footnote.svelte-zpnjbt,.accessibility-note.svelte-zpnjbt,.muted-results.svelte-zpnjbt,.table-note.svelte-zpnjbt{font-size:.875rem;line-height:1.6}.section-note.svelte-zpnjbt{margin-block-start:10.8px;margin-block-end:18px}.rule.svelte-zpnjbt{cursor:pointer;align-items:flex-start;gap:10.8px;margin-top:19.8px;display:flex}.rule.svelte-zpnjbt input:where(.svelte-zpnjbt){accent-color:var(--color-1);flex-shrink:0;width:16.2px;height:16.2px;margin:1.8px 0 0}.rule.svelte-zpnjbt strong:where(.svelte-zpnjbt){font-size:.875rem;font-weight:650;display:block}.rule.svelte-zpnjbt small:where(.svelte-zpnjbt){margin-top:4.5px;font-size:.875rem;line-height:1.5;display:block}.contrast-target.svelte-zpnjbt{gap:7.2px;margin:10.8px 0 0 27px;font-size:.875rem;display:grid}.contrast-target.svelte-zpnjbt select:where(.svelte-zpnjbt){width:100%;font-size:.875rem}.rules-footnote.svelte-zpnjbt{margin-top:21.6px}.palette-preview-section.svelte-zpnjbt{min-width:0}.contrast-summary.svelte-zpnjbt{grid-template-columns:1fr 1fr;gap:21.6px;padding-top:21.6px;display:grid}.contrast-number.svelte-zpnjbt{flex-direction:column;gap:7.2px;font-size:.875rem;display:flex}.contrast-number.svelte-zpnjbt strong:where(.svelte-zpnjbt){font:700 2.8rem/1 var(--site-serif-family);letter-spacing:-.035em}.contrast-number.svelte-zpnjbt strong:where(.svelte-zpnjbt) span:where(.svelte-zpnjbt){font-size:1.5rem}dl.svelte-zpnjbt{margin:0;font-size:.875rem}dl.svelte-zpnjbt div:where(.svelte-zpnjbt){justify-content:space-between;gap:10.8px;padding-block-start:3.6px;padding-block-end:3.6px;display:flex}dd.svelte-zpnjbt{margin:0;font-weight:650}.muted-results.svelte-zpnjbt{margin-top:16.2px}.contrast-warning.svelte-zpnjbt{border-left:2px solid;padding-left:10.8px;font-size:.875rem}.contrast-table-wrap.svelte-zpnjbt{max-width:100%;margin-top:25.2px;overflow-x:auto}table.svelte-zpnjbt{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.875rem}caption.svelte-zpnjbt{text-align:left;padding-bottom:10.8px;font-size:.875rem;font-weight:650}th.svelte-zpnjbt,td.svelte-zpnjbt{text-align:right;white-space:nowrap;border-bottom:1px solid;padding:9px 7.2px}th.svelte-zpnjbt:first-child{text-align:left;padding-left:0}th.svelte-zpnjbt{font-weight:600}td.passes.svelte-zpnjbt{text-underline-offset:3px;text-decoration:underline}.table-note.svelte-zpnjbt{margin-block-start:9px;margin-block-end:0}.accessibility-note.svelte-zpnjbt{margin-top:21.6px}.copy-fallback.svelte-zpnjbt{flex-wrap:wrap;gap:10.8px;margin-bottom:21.6px;display:flex}textarea.svelte-zpnjbt{width:100%}.copy-fallback.svelte-zpnjbt label:where(.svelte-zpnjbt){width:100%}textarea.svelte-zpnjbt{background:var(--color-2);color:var(--color-1);border:1px solid;padding:10.8px;font-family:ui-monospace,Consolas,monospace;font-size:.875rem}@media (max-width:1000px){.swatch.svelte-zpnjbt{padding:10.8px 7.2px}.swatch-top.svelte-zpnjbt{gap:0;font-size:.875rem}.many-colors.svelte-zpnjbt .swatch-top:where(.svelte-zpnjbt){flex-direction:column;align-items:flex-start}.swatch.svelte-zpnjbt .lock:where(.svelte-zpnjbt){padding-inline-start:4.5px;padding-inline-end:4.5px;font-size:.875rem}.palette-workbench.svelte-zpnjbt{gap:25.2px}}@media (max-width:700px){.palette-swatches.svelte-zpnjbt{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch.svelte-zpnjbt{min-height:216px;padding:10.8px}.swatch.svelte-zpnjbt:last-of-type:nth-of-type(odd){grid-column:1/-1}.swatch-top.svelte-zpnjbt{flex-direction:row;align-items:center;font-size:.875rem}.many-colors.svelte-zpnjbt .swatch-top:where(.svelte-zpnjbt){flex-direction:row;align-items:center;font-size:.875rem}.swatch.svelte-zpnjbt .lock:where(.svelte-zpnjbt){padding-inline-start:7.2px;padding-inline-end:7.2px;font-size:.875rem}.color-picker.svelte-zpnjbt span:where(.svelte-zpnjbt){font-size:3rem}.hex-input.svelte-zpnjbt{font-size:1.125rem}.palette-workbench.svelte-zpnjbt{grid-template-columns:minmax(0,1fr);gap:28.8px}.palette-rules.svelte-zpnjbt{border-bottom:1px solid;padding-bottom:14.4px}.palette-toolbar.svelte-zpnjbt{gap:7.2px}.export-controls.svelte-zpnjbt{margin-left:0}.palette-page-header.svelte-zpnjbt{padding-bottom:21.6px}}@media (max-width:380px){.generate.svelte-zpnjbt{gap:9px}.history-controls.svelte-zpnjbt span:where(.svelte-zpnjbt){display:none}.count-control.svelte-zpnjbt{gap:4.5px}.contrast-summary.svelte-zpnjbt{gap:10.8px}.contrast-number.svelte-zpnjbt strong:where(.svelte-zpnjbt){font-size:2.3rem}}@media (pointer:coarse){button.svelte-zpnjbt,select.svelte-zpnjbt,.hex-input.svelte-zpnjbt{min-width:40px;min-height:40px}}