:root{--font-sans:"Instrument Sans",system-ui,Avenir,Helvetica,Arial,sans-serif;--font-serif:"Instrument Serif",serif;--color-foreground:#0a0a0a;--color-background:#f6f5f3;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-foreground);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100dvh;margin:0}#app{width:100%;min-height:100dvh;display:flex}button.svelte-redt3r{color:var(--color-foreground);background:0 0;border:none;padding:0;font-size:12px;position:relative}.copied.svelte-redt3r .value:where(.svelte-redt3r){opacity:0}.copied.svelte-redt3r .copied:where(.svelte-redt3r){justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.container.svelte-1qnfrx1{justify-content:center;gap:16px;display:flex}.slider.svelte-8fb1zm{---track-width:var(--track-width,unset);---track-height:var(--track-height,6px);---track-background:var(--track-background,#949494);---track-border:var(--track-border,none);---thumb-size:var(--thumb-size,16px);---thumb-background:var(--thumb-background,#2d2d2d);---thumb-border:var(--thumb-border,none);---position:var(--position,0px);---margin-inline-thumb-bigger:max(var(---thumb-size) - var(---track-height),0px);---margin-inline-thumb-smaller:max(var(---track-height) - var(---thumb-size),0px);-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;margin:auto;position:relative}.slider.svelte-8fb1zm:before{background-color:#0000}[aria-orientation=horizontal].svelte-8fb1zm{width:var(---track-width);max-width:calc(100% - 2*var(---margin-inline-thumb-bigger));height:calc(max(var(---track-height),var(---thumb-size)) + 4px);height:max(var(---track-height),var(---thumb-size));margin-inline:var(---margin-inline-thumb-bigger);margin-block:var(--margin-block,8px)}[aria-orientation=vertical].svelte-8fb1zm{width:max(var(---track-height),var(---thumb-size));height:var(---track-width);max-height:calc(100% - 2*var(---margin-inline-thumb-bigger));margin-block:var(---margin-inline-thumb-bigger);margin-inline:var(--margin-block,8px)}.track.svelte-8fb1zm{pointer-events:none;background:var(---track-background);border:var(---track-border);border-radius:calc(var(---track-height)/2);box-sizing:border-box;position:absolute}[aria-orientation=horizontal].svelte-8fb1zm .track:where(.svelte-8fb1zm){height:var(---track-height);top:50%;left:0;right:0;transform:translateY(-50%)}[aria-orientation=vertical].svelte-8fb1zm .track:where(.svelte-8fb1zm){width:var(---track-height);top:0;bottom:0;left:50%;transform:translate(-50%)}.thumb.svelte-8fb1zm{pointer-events:none;height:var(---thumb-size);width:var(---thumb-size);border-radius:calc(var(---thumb-size)/2);background:var(---thumb-background);border:var(---thumb-border);box-sizing:border-box;--margin-left:(2*var(---track-height) - var(---thumb-size) - var(---margin-inline-thumb-smaller))/2;--left:calc(var(---position)*(100% - 2*var(--margin-left)) + var(--margin-left));position:absolute;transform:translate(-50%,-50%)}[aria-orientation=horizontal].svelte-8fb1zm:not(.reverse) .thumb:where(.svelte-8fb1zm){top:50%;left:var(--left)}[aria-orientation=vertical].svelte-8fb1zm:not(.reverse) .thumb:where(.svelte-8fb1zm){left:50%;bottom:calc(var(--left) - var(---thumb-size))}[aria-orientation=horizontal].reverse.svelte-8fb1zm .thumb:where(.svelte-8fb1zm){top:50%;right:calc(var(--left) - var(---thumb-size))}[aria-orientation=vertical].reverse.svelte-8fb1zm .thumb:where(.svelte-8fb1zm){left:50%;top:calc(var(--left))}.slider.svelte-8fb1zm:focus-visible{outline:none}.slider.svelte-8fb1zm:focus-visible .track:where(.svelte-8fb1zm){outline:2px solid var(--focus-color,red);outline-offset:2px}.picker.svelte-g9m7w9{width:var(--picker-width,200px);height:var(--picker-height,200px);background:linear-gradient(#fff0,#000),linear-gradient(.25turn,#fff,#0000),var(--picker-color-bg);border-radius:var(--picker-radius,8px);-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;display:inline-block;position:relative}.s.svelte-g9m7w9,.v.svelte-g9m7w9{--track-background:none;--track-border:none;--thumb-background:none;--thumb-border:none;--thumb-size:2px;--margin-block:0;--track-height:var(--picker-indicator-size,10px);-webkit-user-select:none;user-select:none;position:absolute}.s.svelte-g9m7w9{top:calc(var(--pos-y)*(var(--picker-height,200px) - var(--picker-indicator-size,10px) - 4px)/100 + 2px);--track-width:calc(var(--picker-width,200px) - 4px);left:2px}.v.svelte-g9m7w9{top:2px;left:calc(var(--pos-x)*(var(--picker-width,200px) - var(--picker-indicator-size,10px) - 4px)/100 + 2px);--track-width:calc(var(--picker-height,200px) - 4px)}label.svelte-14pe9zb{cursor:pointer;height:var(--input-size,25px);-webkit-user-select:none;user-select:none;border-radius:3px;align-items:center;gap:8px;margin:4px;display:inline-flex}.container.svelte-14pe9zb{width:var(--input-size,25px);justify-content:center;align-items:center;display:flex;position:relative}input.svelte-14pe9zb{opacity:0;border:none;flex-shrink:0;width:1px;height:1px;margin:0;padding:0}.alpha.svelte-14pe9zb{clip-path:circle(50%);background:var(--alpha-grid-bg)}.alpha.svelte-14pe9zb,.color.svelte-14pe9zb{width:var(--input-size,25px);height:var(--input-size,25px);-webkit-user-select:none;user-select:none;border-radius:50%;position:absolute}input.svelte-14pe9zb:focus-visible~.color:where(.svelte-14pe9zb){outline:2px solid var(--focus-color,red);outline-offset:2px}label.svelte-yziznz{-webkit-user-select:none;user-select:none;grid-area:nullable;justify-content:center;margin-bottom:4px;display:flex}input.svelte-yziznz{margin:0}input.svelte-yziznz:focus-visible{outline:none}input.svelte-yziznz:focus-visible+span:where(.svelte-yziznz){outline:2px solid var(--focus-color,red);outline-offset:2px;border-radius:2px;width:14px;height:14px}div.svelte-yziznz{aspect-ratio:2;width:32px;position:relative}div.svelte-yziznz :where(.svelte-yziznz){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}div.svelte-ogbwlq{left:calc(var(--pos-x)*(var(--picker-width,200px) - 2px)/100 - var(--picker-indicator-size,10px)/2 + 1px);top:calc(var(--pos-y)*(var(--picker-height,200px) - 2px)/100 - var(--picker-indicator-size,10px)/2 + 1px);width:var(--picker-indicator-size,10px);height:var(--picker-indicator-size,10px);pointer-events:none;z-index:1;background-color:#fff;border-radius:50%;transition:box-shadow .2s;position:absolute;box-shadow:0 0 4px #000}.swatches.svelte-lzqjx3{grid-template-columns:var(--cp-swatch-grid-template-columns,repeat(auto-fit,minmax(24px,1fr)));gap:8px;width:100%;height:100%;margin-top:8px;margin-bottom:8px;display:grid}.swatch.svelte-lzqjx3{cursor:pointer;aspect-ratio:1;border:none;width:100%;height:auto;margin:0;padding:0;display:block}.swatch.svelte-lzqjx3:focus{outline:2px solid var(--focus-color,red);outline-offset:2px}.text-input.svelte-ynwj8s{margin:var(--text-input-margin,5px 0 0)}.input-container.svelte-ynwj8s{flex:1;gap:10px;display:flex}input.svelte-ynwj8s,button.svelte-ynwj8s,.button-like.svelte-ynwj8s{background-color:var(--cp-input-color,#eee);color:var(--cp-text-color,var(--cp-border-color));text-align:center;border:none;border-radius:5px;flex:1;height:30px;padding:0;line-height:30px}input.svelte-ynwj8s{width:5px;font-family:inherit}button.svelte-ynwj8s,.button-like.svelte-ynwj8s{cursor:pointer;flex:1;width:100%;height:30px;margin:8px 0 0;font-family:inherit;transition:background-color .2s;position:relative}.button-like.svelte-ynwj8s{cursor:default}.appear.svelte-ynwj8s,.disappear.svelte-ynwj8s{width:100%;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button.svelte-ynwj8s:hover .disappear:where(.svelte-ynwj8s),.appear.svelte-ynwj8s{opacity:0}.disappear.svelte-ynwj8s,button.svelte-ynwj8s:hover .appear:where(.svelte-ynwj8s){opacity:1}button.svelte-ynwj8s:hover{background-color:var(--cp-button-hover-color,#ccc)}input.svelte-ynwj8s:focus,button.svelte-ynwj8s:focus{outline:none}input.svelte-ynwj8s:focus-visible,button.svelte-ynwj8s:focus-visible{outline:2px solid var(--focus-color,red);outline-offset:2px}div.svelte-1pzkvxa{background-color:var(--cp-bg-color,white);border:1px solid var(--cp-border-color,black);border-radius:12px;width:max-content;margin:0 10px 10px;padding:8px;display:none}.is-open.svelte-1pzkvxa{display:inline-block}[role=dialog].svelte-1pzkvxa{top:calc(var(--input-size,25px) + 12px);z-index:var(--picker-z-index,2);position:absolute;left:0}span.svelte-1mlkb88{color:var(--cp-text-color,var(--cp-border-color));--alpha-grid-bg:linear-gradient(45deg,#eee 25%,#0000 25%,#0000 75%,#eee 75%)0 0/10px 10px,linear-gradient(45deg,#eee 25%,#0000 25%,#0000 75%,#eee 75%)5px 5px/10px 10px;position:relative}.h.svelte-1mlkb88,.a.svelte-1mlkb88{--track-height:var(--slider-width,10px);--track-width:var(--picker-height,200px);--track-border:none;--thumb-size:calc(var(--slider-width,10px) - 3px);--thumb-background:white;--thumb-border:1px solid black;--margin-block:0;--gradient-direction:.5turn;justify-content:center;display:inline-flex}.horizontal.svelte-1mlkb88 .h:where(.svelte-1mlkb88),.horizontal.svelte-1mlkb88 .a:where(.svelte-1mlkb88){--track-width:calc(var(--picker-width,200px) - 12px);--gradient-direction:.25turn;margin:4px 6px}.horizontal.svelte-1mlkb88 .h:where(.svelte-1mlkb88){margin-top:8px}.vertical.svelte-1mlkb88 .h:where(.svelte-1mlkb88),.vertical.svelte-1mlkb88 .a:where(.svelte-1mlkb88){margin-left:3px}.h.svelte-1mlkb88{--gradient-hue:#ff1500fb,#ff0 17.2%,#ff0 18.2%,#0f0 33.3%,#0ff 49.5%,#0ff 51.5%,#00f 67.7%,#f0f 83.3%,red;--track-background:linear-gradient(var(--gradient-direction),var(--gradient-hue));grid-area:hue}.a.svelte-1mlkb88{--alpha-grid-bg:linear-gradient(45deg,#eee 25%,#0000 25%,#0000 75%,#eee 75%)0 0/10px 10px,linear-gradient(45deg,#eee 25%,#0000 25%,#0000 75%,#eee 75%)5px 5px/10px 10px;--track-background:linear-gradient(var(--gradient-direction),#0000,var(--alphaless-color)),var(--alpha-grid-bg);grid-area:alpha;margin-top:2px}span.svelte-1mlkb88 .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}div.svelte-ao3dh8{background-color:var(--cp-bg-color,white);border:1px solid var(--cp-border-color,black);--text-input-margin:5px 5px 6px;--picker-radius:8px 8px 0 0;--picker-width:260px;border-radius:8px;margin:0 10px 15px;display:none}.is-open.svelte-ao3dh8{flex-direction:column;display:flex}[role=dialog].svelte-ao3dh8{top:calc(var(--input-size,25px) + 12px);z-index:var(--picker-z-index,2);position:absolute;left:0}div.svelte-ao3dh8:not([role=dialog]){flex-direction:column;display:inline-flex}.backdrop.svelte-rczam{z-index:999;position:fixed;inset:0}.preview-wrapper.svelte-rczam{width:20px;height:20px;position:relative}.color-preview.svelte-rczam{cursor:pointer;background-color:inherit;border:none;border-radius:999px;width:20px;height:20px;padding:0;transition:transform .2s}.color-preview.svelte-rczam:hover{transform:scale(1.1)}.popover.svelte-rczam{z-index:1001;margin-top:8px;margin-left:-10px;position:absolute;top:100%;left:0}div.svelte-10y6awb{position:relative}input.svelte-10y6awb{background:0 0;border:0;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}.placement.svelte-10y6awb{opacity:0;pointer-events:none;visibility:hidden}.value.svelte-10y6awb{font-family:var(--font-serif);font-size:32px}.container.svelte-1cp35c{z-index:1000;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.container.svelte-11pv0m1{flex-direction:column;justify-content:flex-end;display:flex}label.svelte-11pv0m1{opacity:.5;text-transform:uppercase;max-width:50%;font-size:10px;line-height:1}.wrapper.svelte-11pv0m1{display:flex}.input-container.svelte-11pv0m1{width:auto;position:relative}input.svelte-11pv0m1{width:100%;height:100%;color:var(--color-foreground);background:0 0;border:0;border-radius:2px;outline:none;position:absolute;top:0;left:0}.value.svelte-11pv0m1{font-variant-numeric:tabular-nums;font-size:32px;font-family:var(--font-serif)}.placement.svelte-11pv0m1{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(100px)scale(0)}input[type=number].svelte-11pv0m1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number].svelte-11pv0m1::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.suffix.svelte-11pv0m1{opacity:.6;font-size:32px;font-family:var(--font-serif);padding-left:2px;display:inline-block}.entry.svelte-lph5l{justify-content:space-between;gap:24px;width:100%;display:flex}.section.svelte-lph5l .title:where(.svelte-lph5l){text-transform:uppercase;opacity:.5;text-align:center;margin-bottom:8px;font-size:14px}.container.svelte-lph5l{gap:20px;display:flex}.separator.svelte-lph5l{self-align:stretch;background-color:var(--color-foreground);opacity:.1;width:1px}.entry.svelte-ch9bdm{flex-direction:column;gap:16px;display:flex}.container.svelte-ar7z7i{flex-direction:column;gap:4px;display:flex;position:relative}.item.svelte-ar7z7i{border:none;width:100%;height:48px}.label.svelte-ar7z7i{color:var(--color-foreground);white-space:nowrap;opacity:0;font-size:12px;transition:opacity .2s;position:absolute;bottom:-24px;left:0}.container.svelte-ar7z7i:hover .label:where(.svelte-ar7z7i){opacity:1}.yours.svelte-ar7z7i{-webkit-user-select:none;user-select:none;color:var(--color-foreground);white-space:nowrap;opacity:.5;text-transform:uppercase;font-size:10px;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.yours.svelte-ar7z7i:after{content:"↓";position:absolute;top:12px;left:50%;transform:translate(-50%)}.scaler.svelte-86o7ua{grid-template-columns:repeat(var(--total-steps),1fr);padding-top:24px;display:grid}main.svelte-1n46o8q{max-width:720px;margin:auto;padding:16px}h1.svelte-1n46o8q{font-family:var(--font-serif);color:var(--color-foreground);text-align:center;margin:0 0 24px;font-size:48px;font-weight:600}.container.svelte-1n46o8q{flex-direction:column;gap:16px;display:flex}