.palette-preview.svelte-i5hij{min-width:0;container-type:inline-size}h2.svelte-i5hij{font:700 clamp(1.875rem, 3.4vw, 2.625rem)/1.05 var(--site-font-family);letter-spacing:-.04em;margin:0 0 14.4px}.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-font-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-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-font-family);letter-spacing:-.03em;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){.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}}.back-link.svelte-zpnjbt{align-items:center;min-width:24px;min-height:24px;text-decoration:none;display:inline-flex}h1.svelte-zpnjbt{font:700 clamp(2.8rem, 7vw, 5.5rem)/1 var(--site-serif-family);letter-spacing:-.04em;margin:18px 0 14.4px}h2.svelte-zpnjbt{font:700 clamp(1.875rem, 3.4vw, 2.625rem)/1.05 var(--site-font-family);letter-spacing:-.04em;margin:0 0 14.4px}.palette-page-header.svelte-zpnjbt p:where(.svelte-zpnjbt){max-width:64ch;margin:0}button.svelte-zpnjbt,input.svelte-zpnjbt,textarea.svelte-zpnjbt{font:inherit}button.svelte-zpnjbt{color:inherit;cursor:pointer;background:0 0;border-radius:0}button.svelte-zpnjbt:disabled{opacity:.4;cursor:default}.palette-layout.svelte-zpnjbt{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"make make use""swatches swatches swatches""rules preview preview""rules results results";display:grid}.palette-make.svelte-zpnjbt{grid-area:make}.palette-swatches.svelte-zpnjbt{grid-area:swatches}.palette-use.svelte-zpnjbt{grid-area:use}.palette-preview-section.svelte-zpnjbt{grid-area:preview;min-width:0}.palette-results.svelte-zpnjbt{grid-area:results;min-width:0}.palette-rules.svelte-zpnjbt{grid-area:rules}.palette-make.svelte-zpnjbt button:where(.svelte-zpnjbt){border:1px solid var(--border-control);min-height:36px;color:var(--color-1);font-size:var(--type-ui);transition:var(--hover-fade-transition);padding:7.2px 10.8px;line-height:1.2}.palette-use.svelte-zpnjbt button:where(.svelte-zpnjbt){border:1px solid var(--border-control);min-height:36px;color:var(--color-1);font-size:var(--type-ui);transition:var(--hover-fade-transition);padding:7.2px 10.8px;line-height:1.2}.palette-make.svelte-zpnjbt button:where(.svelte-zpnjbt):not(:disabled):hover{border-color:var(--color-1);background:var(--color-1);color:var(--color-2)}.palette-use.svelte-zpnjbt button:where(.svelte-zpnjbt):not(:disabled):hover{border-color:var(--color-1);background:var(--color-1);color:var(--color-2)}.palette-make.svelte-zpnjbt button:where(.svelte-zpnjbt):focus-visible{outline:var(--focus-outline);outline-offset:2px}.palette-use.svelte-zpnjbt button:where(.svelte-zpnjbt):focus-visible{outline:var(--focus-outline);outline-offset:2px}.palette-make.svelte-zpnjbt{align-items:flex-end;gap:var(--gutter);flex-wrap:wrap;display:flex}.palette-make.svelte-zpnjbt .generate:where(.svelte-zpnjbt){border-color:var(--color-1);background:var(--color-1);color:var(--color-2);align-items:center;gap:14.4px;font-weight:650;display:flex}.palette-make.svelte-zpnjbt .generate:where(.svelte-zpnjbt):not(:disabled):hover{color:var(--color-1);background:0 0}kbd.svelte-zpnjbt{font:400 var(--type-caption) var(--site-font-family);border:1px solid;padding:1.8px 4.5px}.history-controls.svelte-zpnjbt{gap:5.4px;display:flex}.palette-make.svelte-zpnjbt .history-controls:where(.svelte-zpnjbt) button:where(.svelte-zpnjbt){width:36px;padding:0;font-size:1.125rem}.palette-make.svelte-zpnjbt .choice-group{flex:0 180px}.palette-make.svelte-zpnjbt .swap:where(.svelte-zpnjbt){margin-left:auto}.swap-detail.svelte-zpnjbt{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.palette-error.svelte-zpnjbt{font-size:var(--type-meta);flex:100%;margin:0}.palette-use.svelte-zpnjbt{grid-template-columns:repeat(2,minmax(0,1fr));align-content:end;gap:7.2px;display:grid}.palette-use.svelte-zpnjbt .apply:where(.svelte-zpnjbt){border-color:var(--color-1);grid-column:1/-1;font-weight:650}.use-note.svelte-zpnjbt{font-size:var(--type-caption);color:rgba(var(--color-1-rgb), max(.78, var(--ink-muted-floor)));grid-column:1/-1;margin:0}.copy-fallback.svelte-zpnjbt{flex-wrap:wrap;grid-column:1/-1;gap:7.2px;margin-top:7.2px;display:flex}textarea.svelte-zpnjbt{width:100%;font-size:var(--type-caption)}.copy-fallback.svelte-zpnjbt label:where(.svelte-zpnjbt){width:100%;font-size:var(--type-caption)}textarea.svelte-zpnjbt{background:var(--color-2);color:var(--color-1);border:1px solid var(--border-control);padding:10.8px;font-family:ui-monospace,Consolas,monospace}.palette-swatches.svelte-zpnjbt{isolation:isolate;grid-template-columns:repeat(var(--swatch-count), minmax(0, 1fr));gap:var(--gutter);display:grid;position:relative}.palette-swatches.svelte-zpnjbt[data-card-reordering]{z-index:calc(var(--z-header) - 1)}.swatch.svelte-zpnjbt{border:1px solid color-mix(in srgb, var(--swatch-ink) 28%, var(--swatch));min-width:0;min-height:270px;color:var(--swatch-ink);background:var(--swatch);cursor:grab;transform-origin:50% 65%;flex-direction:column;padding:14.4px;transition:transform .22s cubic-bezier(.2,.8,.3,1.25);display:flex;position:relative}.swatch.svelte-zpnjbt[data-card-dragging]{z-index:3;cursor:grabbing}.swatch.svelte-zpnjbt[data-card-moving]{will-change:transform;-webkit-user-select:none;user-select:none}.swatch.svelte-zpnjbt[data-card-dragging] .swatch-grab:where(.svelte-zpnjbt){cursor:grabbing}@media (hover:hover) and (pointer:fine){.palette-swatches.svelte-zpnjbt:not([data-card-reordering]) .swatch:where(.svelte-zpnjbt):hover{z-index:1;transform:translateY(-6px)rotate(-.6deg)}}.swatch-top.svelte-zpnjbt{font-size:var(--type-caption);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7.2px;display:flex}.swatch-actions.svelte-zpnjbt{flex:none;margin-left:auto;display:flex}.swatch.svelte-zpnjbt button:where(.svelte-zpnjbt){font-size:var(--type-caption);border:0;padding:5.4px 7.2px}.swatch.svelte-zpnjbt :-webkit-any(.lock:where(.svelte-zpnjbt),.remove:where(.svelte-zpnjbt)){border:1px solid #0000;place-items:center;width:36px;height:36px;padding:7.2px;display:grid}.swatch.svelte-zpnjbt :is(.lock:where(.svelte-zpnjbt),.remove:where(.svelte-zpnjbt)){border:1px solid #0000;place-items:center;width:36px;height:36px;padding:7.2px;display:grid}.swatch.svelte-zpnjbt .lock[aria-pressed=true]:where(.svelte-zpnjbt){background:var(--swatch-ink);color:var(--swatch);border-color:currentColor}.swatch.svelte-zpnjbt svg:where(.svelte-zpnjbt){pointer-events:none;width:20px;height:20px;display:block}.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-font-family);letter-spacing:-.04em;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.svelte-zpnjbt .swatch-grab:where(.svelte-zpnjbt){cursor:grab;touch-action:none;align-self:center;place-items:center;width:48px;min-height:36px;padding:5.4px;display:grid}.swatch-grab.svelte-zpnjbt:hover,.lock.svelte-zpnjbt:hover,.remove.svelte-zpnjbt:hover,.copy-color.svelte-zpnjbt:hover{background:color-mix(in srgb, var(--swatch-ink) 10%, transparent)}.palette-rules.svelte-zpnjbt .choice-group{margin-bottom:7.2px}.rule.svelte-zpnjbt{font-size:var(--type-ui);cursor:pointer;align-items:center;gap:10.8px;margin-top:12.6px;display:flex}.rule.svelte-zpnjbt input:where(.svelte-zpnjbt){accent-color:var(--color-1);flex-shrink:0;width:16.2px;height:16.2px;margin:0}.contrast-summary.svelte-zpnjbt{grid-template-columns:1fr 1fr;gap:21.6px;display:grid}.contrast-number.svelte-zpnjbt{font-size:var(--type-caption);flex-direction:column;gap:7.2px;display:flex}.contrast-number.svelte-zpnjbt strong:where(.svelte-zpnjbt){font:700 2.8rem/1 var(--site-font-family);letter-spacing:-.04em}.contrast-number.svelte-zpnjbt strong:where(.svelte-zpnjbt) span:where(.svelte-zpnjbt){font-size:1.5rem}dl.svelte-zpnjbt{font-size:var(--type-caption);margin:0}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}.contrast-table-wrap.svelte-zpnjbt{max-width:100%;margin-top:21.6px;overflow-x:auto}table.svelte-zpnjbt{border-collapse:collapse;width:100%;font-size:var(--type-caption);font-variant-numeric:tabular-nums}th.svelte-zpnjbt,td.svelte-zpnjbt{text-align:right;border-bottom:1px solid var(--border-divider);white-space:nowrap;padding:9px 7.2px}th.svelte-zpnjbt:first-child{text-align:left;padding-left:0}th.svelte-zpnjbt{font-weight:600}td.svelte-zpnjbt{color:rgba(var(--color-1-rgb), max(.56, var(--ink-muted-floor)))}td.passes.svelte-zpnjbt{color:var(--color-1);font-weight:650}@media (max-width:1000px){.swatch.svelte-zpnjbt{padding:10.8px 7.2px}.swatch-top.svelte-zpnjbt{gap:0}}@media (max-width:760px){h1.svelte-zpnjbt{text-wrap:balance}.palette-layout.svelte-zpnjbt{grid-template-columns:minmax(0,1fr);grid-template-areas:none}.palette-layout.svelte-zpnjbt>:where(.svelte-zpnjbt){grid-area:auto}.palette-make.svelte-zpnjbt{align-items:end;gap:var(--gutter);grid-template-columns:minmax(0,1fr) auto;display:grid}.palette-make.svelte-zpnjbt .choice-group,.palette-error.svelte-zpnjbt{grid-column:1/-1}.palette-make.svelte-zpnjbt .swap:where(.svelte-zpnjbt){grid-column:1/-1}.palette-make.svelte-zpnjbt .generate:where(.svelte-zpnjbt){justify-content:space-between}.palette-make.svelte-zpnjbt .swap:where(.svelte-zpnjbt){margin-left:0}.swap-detail.svelte-zpnjbt{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.palette-swatches.svelte-zpnjbt{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch.svelte-zpnjbt{min-height:216px;padding:10.8px}.swatch-color.svelte-zpnjbt{grid-template-columns:minmax(0,1fr) auto;gap:7.2px 0;display:grid}.color-picker.svelte-zpnjbt{grid-column:1/-1;justify-self:center}.color-picker.svelte-zpnjbt span:where(.svelte-zpnjbt){font-size:3rem}.hex-input.svelte-zpnjbt{text-align:left;max-width:9ch;margin-top:0;font-size:1rem}.swatch.svelte-zpnjbt .copy-color:where(.svelte-zpnjbt){padding-inline-start:4.5px;padding-inline-end:4.5px}}@media (max-width:380px){.swatch.svelte-zpnjbt{padding-inline-start:9px;padding-inline-end:9px}.swatch.svelte-zpnjbt :-webkit-any(.lock:where(.svelte-zpnjbt),.remove:where(.svelte-zpnjbt)){width:32px}.swatch.svelte-zpnjbt :is(.lock:where(.svelte-zpnjbt),.remove:where(.svelte-zpnjbt)){width:32px}.contrast-summary.svelte-zpnjbt{gap:10.8px}.contrast-number.svelte-zpnjbt strong:where(.svelte-zpnjbt){font-size:2.3rem}}@media (pointer:coarse){.back-link.svelte-zpnjbt{min-width:44px;min-height:44px}.hex-input.svelte-zpnjbt{min-height:44px}.palette-make.svelte-zpnjbt button:where(.svelte-zpnjbt){min-height:44px}.palette-use.svelte-zpnjbt button:where(.svelte-zpnjbt){min-height:44px}.swatch.svelte-zpnjbt .swatch-grab:where(.svelte-zpnjbt){min-height:44px}.swatch.svelte-zpnjbt .lock:where(.svelte-zpnjbt){min-height:44px}.swatch.svelte-zpnjbt .remove:where(.svelte-zpnjbt){min-height:44px}.palette-make.svelte-zpnjbt .history-controls:where(.svelte-zpnjbt) button:where(.svelte-zpnjbt){width:44px}kbd.svelte-zpnjbt{display:none}textarea.svelte-zpnjbt{font-size:1rem}}@media (prefers-reduced-motion:reduce){.swatch.svelte-zpnjbt{transition:none}.palette-swatches.svelte-zpnjbt:not([data-card-reordering]) .swatch:where(.svelte-zpnjbt):hover{transform:none}}