*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--step--2:clamp(.7813rem, .7736rem + .0341vw, .8rem);--step--1:clamp(.9375rem, .9119rem + .1136vw, 1rem);--step-0:clamp(1.125rem, 1.0739rem + .2273vw, 1.25rem);--step-1:clamp(1.35rem, 1.2631rem + .3864vw, 1.5625rem);--step-2:clamp(1.62rem, 1.4837rem + .6057vw, 1.9531rem);--step-3:clamp(1.944rem, 1.7405rem + .9044vw, 2.4414rem);--step-4:clamp(2.3328rem, 2.0387rem + 1.3072vw, 3.0518rem);--step-5:clamp(2.7994rem, 2.384rem + 1.8461vw, 3.8147rem);--space-3xs:clamp(.3125rem, .3125rem + 0vw, .3125rem);--space-2xs:clamp(.5625rem, .5369rem + .1136vw, .625rem);--space-xs:clamp(.875rem, .8494rem + .1136vw, .9375rem);--space-s:clamp(1.125rem, 1.0739rem + .2273vw, 1.25rem);--space-m:clamp(1.6875rem, 1.6108rem + .3409vw, 1.875rem);--space-l:clamp(2.25rem, 2.1477rem + .4545vw, 2.5rem);--space-xl:clamp(3.375rem, 3.2216rem + .6818vw, 3.75rem);--space-2xl:clamp(4.5rem, 4.2955rem + .9091vw, 5rem);--space-3xl:clamp(6.75rem, 6.4432rem + 1.3636vw, 7.5rem)}body{font-family:Arial,sans-serif;font-size:var(--step-0)}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}h1,h2,h3,h4{margin-bottom:1em;font-weight:700}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-underline-offset:.12em;color:oklch(50% .11 231.7)}:link:hover{text-decoration-thickness:max(3px,.1875rem,.12em)}main{padding-inline:var(--space-l);max-width:80ch;margin-inline:auto;margin-top:var(--space-3xl)}:root{--radius:.25rem}.stack{flex-direction:column;justify-content:flex-start;display:flex}.stack>*{margin-block:0}.stack>*+*{margin-block-start:var(--stack-space,var(--space-l))}textarea.svelte-1n46o8q{width:100%;height:12.5rem;padding:var(--space-s);border-radius:var(--radius);border:1px solid #ccc;font-family:monospace}.color-grid.svelte-1n46o8q{gap:var(--space-s);margin-bottom:var(--space-l);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.color-swatch.svelte-1n46o8q{gap:var(--space-2xs);flex-direction:column;display:flex}.swatch.svelte-1n46o8q{border-radius:var(--radius);width:100%;height:3.75rem}.color-name.svelte-1n46o8q{font-weight:700;font-size:var(--step--1)}.color-value.svelte-1n46o8q{font-size:var(--step--2);color:#666;font-family:monospace}.pair-list.svelte-1n46o8q{margin:0 0 var(--space-s) 0;gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:0;list-style:none;display:grid}.pair-item.svelte-1n46o8q{padding:var(--space-xs) var(--space-s);border-radius:var(--radius);justify-content:space-between;align-items:center;display:flex}.pair-names.svelte-1n46o8q{font-size:var(--step-1);font-weight:700}.pair-ratio.svelte-1n46o8q{font-size:var(--step-1)}button.svelte-1n46o8q{margin-bottom:var(--space-m);padding:var(--space-2xs) var(--space-s);cursor:pointer}