.swatch[data-v-e5a38b91]{gap:var(--space-sm);grid-template-rows:auto auto;min-width:0;display:grid;container-type:inline-size}.chip[data-v-e5a38b91]{height:var(--swatch-height,var(--swatch-block));background:var(--swatch);box-shadow:inset 0 0 0 var(--hairline-width) light-dark(var(--edge-light),var(--edge-dark));cursor:pointer;border:0;padding:0;position:relative}.blending{transition:background-color var(--duration-blend) ease;transition-delay:calc(var(--order) * var(--stagger))}.chip.selected[data-v-e5a38b91]{outline:var(--space-hairline) solid var(--color-on-surface);outline-offset:var(--space-hairline);--focus-gap:calc(var(--space-xs) + var(--space-hairline))}.chip[data-v-e5a38b91]:focus-visible{position:relative}.chip.selected[data-v-e5a38b91]:focus-visible{outline:var(--space-hairline) solid var(--color-on-surface)}.text[data-v-e5a38b91]{gap:var(--hairline-width);min-width:0;display:grid}.line[data-v-e5a38b91]{justify-content:space-between;gap:var(--space-xs);font:var(--type-value-sm);display:flex}.lock[data-v-e5a38b91]{top:calc(var(--space-xs) + var(--space-hairline));right:calc(var(--space-xs) + var(--space-hairline));fill:none;width:10px;height:12px;stroke:var(--lock-ink);stroke-width:var(--hairline-width);position:absolute}.tight .lock[data-v-e5a38b91]{top:var(--space-xs);right:var(--space-xs)}.hex[data-v-e5a38b91]{color:inherit;font:inherit;white-space:nowrap;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;position:relative}.hex[data-v-e5a38b91]:before{content:"";inset:calc(-1 * var(--space-xs));position:absolute}.hex[data-v-e5a38b91]:hover:before{outline:var(--hairline-width) solid var(--color-on-surface)}.number[data-v-e5a38b91],.name[data-v-e5a38b91]{color:var(--color-on-surface-dim)}.name[data-v-e5a38b91]{font:var(--type-body-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tight .line[data-v-e5a38b91]{font:var(--type-value-xs)}.tight .number[data-v-e5a38b91],.tight .name[data-v-e5a38b91]{display:none}@container (width<56px){.text[data-v-e5a38b91]{display:none}}.reroll[data-v-2a6142ed]{height:var(--reroll-height,var(--swatch-block));border:var(--hairline);cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr);padding:0;display:grid}.reroll[data-v-2a6142ed]:hover{outline:var(--hairline-width) solid var(--color-on-surface);outline-offset:calc(-1 * var(--hairline-width))}.reroll[data-v-2a6142ed]:active{outline-width:var(--space-hairline);outline-offset:calc(-1 * var(--space-hairline))}.reroll[data-v-2a6142ed]:focus-visible{position:relative}.base[data-v-2a6142ed]{background:var(--base);place-items:center;display:grid}.label[data-v-2a6142ed]{font:var(--type-label-strong);letter-spacing:var(--tracking-display);color:var(--color-text-on-light)}.light-label .label[data-v-2a6142ed]{color:var(--color-text-on-dark)}@supports (color:contrast-color(red)){.label[data-v-2a6142ed],.light-label .label[data-v-2a6142ed]{color:contrast-color(var(--base))}}.blocks[data-v-2a6142ed]{display:none}.block[data-v-2a6142ed]{background:var(--block)}.blending .base[data-v-2a6142ed],.blending .block[data-v-2a6142ed]{transition:background-color var(--duration-blend) ease;transition-delay:calc(var(--order,0) * var(--stagger))}@media (width>=1200px){.reroll[data-v-2a6142ed]{grid-template-columns:6fr 3fr}.blocks[data-v-2a6142ed]{grid-template-rows:repeat(var(--block-count), minmax(0, 1fr));display:grid}}@media (height<500px){.reroll[data-v-2a6142ed]{grid-template-columns:minmax(0,1fr)}.blocks[data-v-2a6142ed]{display:none}}.verdict[data-v-a98709b1]{display:inline-flex}.stamp[data-v-a98709b1]{width:calc(2 * var(--space-lg) + var(--space-sm));height:calc(var(--space-lg) + var(--space-hairline));border:var(--hairline-width) solid var(--color-on-surface);color:var(--color-on-surface);font:var(--type-stamp);letter-spacing:var(--tracking-caption);text-align:center;text-indent:var(--tracking-caption);text-transform:uppercase;text-box:trim-both cap alphabetic;padding-block:calc((var(--space-lg) - 1cap) / 2);line-height:1;display:inline-block}.stamp.fail[data-v-a98709b1]{border-width:var(--space-hairline);padding-block:calc((var(--space-lg) - 1cap) / 2 - var(--hairline-width))}.title-block[data-v-b2e037b7]{gap:var(--hairline-width);border:var(--hairline);background:var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.cell[data-v-b2e037b7]{gap:var(--space-hairline);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);min-width:0;display:grid}dt[data-v-b2e037b7]{font:var(--type-caption);letter-spacing:var(--tracking-caption);color:var(--color-on-surface-dim);text-transform:uppercase}dd[data-v-b2e037b7]{justify-content:space-between;align-items:baseline;gap:var(--space-xs);min-width:0;font:var(--type-body-sm);display:flex}.value[data-v-b2e037b7]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.foot[data-v-8d912138]{grid-area:foot;grid-template-columns:var(--layout-reroll-narrow) minmax(0, 1fr);gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-top:var(--hairline);align-items:start;min-width:0;display:grid}.strip[data-v-8d912138]{gap:var(--space-sm);min-width:0;display:grid}.swatches[data-v-8d912138]{gap:var(--space-xs);--swatch-height:var(--swatch-block-phone);grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;list-style:none;display:grid}.selected-line[data-v-8d912138]{font:var(--type-body-sm);color:var(--color-on-surface-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.selected-line .hex[data-v-8d912138]{text-transform:uppercase}.title[data-v-8d912138]{display:none}@media (width>=700px){.foot[data-v-8d912138]{gap:var(--space-xl);padding:var(--space-lg) var(--space-xl)}.swatches[data-v-8d912138]{gap:var(--space-lg);--swatch-height:var(--swatch-block);grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.swatches[data-v-8d912138]:has(.tight){gap:var(--space-xs)}.selected-line[data-v-8d912138]:not(.show){display:none}}@media (width>=1200px){.foot[data-v-8d912138]{grid-template-columns:var(--layout-reroll) minmax(0, 1fr) var(--layout-title-block);padding:var(--space-xl)}.title[data-v-8d912138]{display:grid}}@media (height<500px){.foot[data-v-8d912138]{grid-template-columns:var(--layout-reroll-narrow) minmax(0, 1fr);gap:var(--space-md);padding:var(--space-sm) var(--space-xl);--reroll-height:var(--control-touch);align-items:stretch}.swatches[data-v-8d912138]{gap:var(--space-xs);--swatch-height:var(--control-touch);grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.selected-line[data-v-8d912138],.title[data-v-8d912138]{display:none}}.toast[data-v-fd2b8b77]{inset:auto var(--space-xl) calc(var(--above) + var(--space-lg)) auto;background:0 0;border:0;padding:0;overflow:visible}.toast[data-v-fd2b8b77]:before{content:"";background:var(--hatch-shadow);transform:translate(var(--hatch-offset), var(--hatch-offset));position:absolute;inset:0}.text[data-v-fd2b8b77]{padding:var(--space-sm) var(--space-md);border:var(--hairline-width) solid var(--color-control-line);background:var(--color-surface);color:var(--color-on-surface);font:var(--type-body-sm);display:block;position:relative}.button[data-v-28387136]{height:var(--control-size);padding:0 var(--space-md);border:var(--hairline);color:var(--color-on-surface);font:var(--type-body);white-space:nowrap;cursor:pointer;background:0 0}.button.joined[data-v-28387136]{height:calc(var(--control-size) - 2 * var(--hairline-width));border:0;border-left:var(--hairline)}.button.joined[data-v-28387136]:first-child{border-left:0}.button[data-v-28387136]:hover{outline:var(--hairline-width) solid var(--color-on-surface);outline-offset:calc(-1 * var(--hairline-width))}.button[data-v-28387136]:active{outline-width:var(--space-hairline);outline-offset:calc(-1 * var(--space-hairline))}.button[aria-pressed=true][data-v-28387136],.button[aria-checked=true][data-v-28387136]{background:var(--color-primary);color:var(--color-on-primary)}.button[aria-pressed=true][data-v-28387136]:hover,.button[aria-checked=true][data-v-28387136]:hover{outline-color:var(--color-surface);outline-offset:calc(-3 * var(--hairline-width))}.button[aria-disabled=true][data-v-28387136]{color:var(--color-control-line);background:var(--hatch-disabled);cursor:default}.button[aria-disabled=true][data-v-28387136]:hover,.button[aria-disabled=true][data-v-28387136]:active{outline:0}.button[data-v-28387136]:focus-visible{position:relative}.spec[data-v-8c131d35]{justify-content:center;align-items:center;gap:var(--space-md);min-width:0;color:var(--color-on-surface-dim);white-space:nowrap;display:flex}.spec .value[data-v-8c131d35]{font:var(--type-value-md)}.spec .base[data-v-8c131d35]{align-items:center;gap:var(--space-sm);text-transform:uppercase;display:inline-flex}.chip[data-v-8c131d35]{width:var(--space-md);height:var(--space-md);background:var(--base)}.checks[data-v-57ceab6e]{gap:var(--space-lg);list-style:none;display:grid}.check[data-v-57ceab6e]{gap:var(--space-xs);display:grid}.head[data-v-57ceab6e]{justify-content:space-between;gap:var(--space-sm);font:var(--type-body);display:flex}.verdict[data-v-57ceab6e]{font-weight:var(--font-weight-medium)}.value[data-v-57ceab6e]{font:var(--type-value-sm);color:var(--color-on-surface-dim)}.group[data-v-57533909]{border:var(--hairline);grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;display:inline-grid}.field[data-v-6e1d76ab]{gap:var(--space-xs);display:grid}.caption[data-v-6e1d76ab]{font:var(--type-caption);letter-spacing:var(--tracking-caption);color:var(--color-on-surface-dim);text-transform:uppercase}.row[data-v-6e1d76ab]{grid-template-columns:var(--control-size) minmax(0, 1fr);gap:var(--space-sm);display:grid}.chip[data-v-6e1d76ab]{height:var(--control-size);background:var(--chip)}.input[data-v-6e1d76ab]{display:block;position:relative}input[data-v-6e1d76ab]{width:100%;height:var(--control-size);padding:0 var(--space-sm);border:var(--hairline-width) solid var(--color-control-line);color:var(--color-on-surface);font:var(--type-value-md);outline:var(--space-hairline) solid transparent;background:0 0;display:block}input[data-v-6e1d76ab]:hover{border-color:var(--color-on-surface)}.invalid input[data-v-6e1d76ab]{border:var(--space-hairline) dashed var(--color-on-surface);padding:0 calc(var(--space-sm) - var(--hairline-width))}.message[data-v-6e1d76ab]{min-height:calc(var(--font-size-md) * 3);font:var(--type-body-sm);color:var(--color-on-surface)}.slider[data-v-200d0e4e]{gap:var(--space-xs);display:grid}.head[data-v-200d0e4e]{justify-content:space-between;align-items:baseline;gap:var(--space-sm);font:var(--type-body);display:flex}.aside[data-v-200d0e4e]{align-items:baseline;gap:var(--space-sm);display:flex}.value[data-v-200d0e4e]{font:var(--type-value-sm);color:var(--color-on-surface-dim)}.scale[data-v-200d0e4e]{display:block;position:relative}input[data-v-200d0e4e]{width:100%;height:var(--control-size);appearance:none;outline:var(--space-hairline) solid transparent;cursor:pointer;background:0 0;display:block}input[data-v-200d0e4e]::-webkit-slider-runnable-track{height:var(--space-md);background:linear-gradient(90deg, transparent calc(100% - var(--hairline-width)), var(--color-control-line) 0), repeating-linear-gradient(90deg, var(--color-control-line) 0 var(--hairline-width), transparent var(--hairline-width) 10%)}input[data-v-200d0e4e]::-moz-range-track{height:var(--space-md);background:linear-gradient(90deg, transparent calc(100% - var(--hairline-width)), var(--color-control-line) 0), repeating-linear-gradient(90deg, var(--color-control-line) 0 var(--hairline-width), transparent var(--hairline-width) 10%)}input[data-v-200d0e4e]::-webkit-slider-thumb{width:var(--space-hairline);height:var(--space-xl);translate:0 calc((var(--space-md) - var(--space-xl)) / 2);appearance:none;background:var(--color-on-surface);outline:var(--space-hairline) solid var(--color-surface);border:0;border-radius:0}input[data-v-200d0e4e]::-moz-range-thumb{width:var(--space-hairline);height:var(--space-xl);background:var(--color-on-surface);outline:var(--space-hairline) solid var(--color-surface);border:0;border-radius:0}.beyond[data-v-200d0e4e]{top:calc((var(--control-size) - var(--space-md)) / 2);height:var(--space-md);background:repeating-linear-gradient(45deg, var(--color-control-line) 0 var(--hairline-width), transparent var(--hairline-width) var(--hatch-gap));pointer-events:none;position:absolute;right:0}.base[data-v-e72a128d]{align-content:start;gap:var(--space-lg);display:grid}.field[data-v-e72a128d]{gap:var(--space-xs);display:grid}.label[data-v-e72a128d]{font:var(--type-body)}.locks[data-v-e72a128d]{grid-auto-columns:minmax(0,1fr);width:100%;display:grid}.stepper[data-v-c3ff816f]{grid-template-columns:var(--control-size) minmax(0, 1fr) var(--control-size);width:calc(var(--control-size) * 3 + var(--space-lg));border:var(--hairline);display:inline-grid}.stepper[data-v-c3ff816f] .button{font:var(--type-value-md);padding:0}.count[data-v-c3ff816f]{border-left:var(--hairline);font:var(--type-value-md);place-items:center;display:grid}.radios[data-v-2a986abf]{border:var(--hairline);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.palette[data-v-dcdcefdf]{align-content:start;gap:var(--space-lg);display:grid}.caption[data-v-dcdcefdf]{font:var(--type-caption);letter-spacing:var(--tracking-caption);color:var(--color-on-surface-dim);text-transform:uppercase}.field[data-v-dcdcefdf]{justify-items:start;gap:var(--space-xs);display:grid}.field[data-v-dcdcefdf]>[role=radiogroup]{justify-self:stretch}.label[data-v-dcdcefdf]{font:var(--type-body)}.note[data-v-dcdcefdf]{font:var(--type-body-sm);color:var(--color-on-surface-dim)}.schemes[data-v-be493228]{gap:var(--space-xl);display:grid}.group[data-v-be493228]{gap:var(--space-hairline);display:grid}.caption[data-v-be493228]{padding-bottom:var(--space-xs);font:var(--type-caption);letter-spacing:var(--tracking-caption);color:var(--color-on-surface-dim);text-transform:uppercase}.item[data-v-be493228]{height:var(--control-size);padding:0 var(--space-sm);border:var(--hairline-width) solid transparent;color:var(--color-on-surface);font:var(--type-body);text-align:left;cursor:pointer;background:0 0}.item[data-v-be493228]:hover{outline:var(--hairline-width) solid var(--color-on-surface);outline-offset:calc(-1 * var(--hairline-width))}.item[data-v-be493228]:active{outline-width:var(--space-hairline);outline-offset:calc(-1 * var(--space-hairline))}.item[aria-pressed=true][data-v-be493228]{background:var(--color-primary);color:var(--color-on-primary)}.item[aria-pressed=true][data-v-be493228]:hover{outline-color:var(--color-surface);outline-offset:calc(-3 * var(--hairline-width))}.item[data-v-be493228]:focus-visible{position:relative}.axis[data-v-74b7aa7f]{height:calc(var(--space-xl) + var(--space-lg));position:relative}.scale[data-v-74b7aa7f]{inset:var(--space-xs) 0 auto;height:var(--space-md);background:linear-gradient(90deg, transparent calc(100% - var(--hairline-width)), var(--color-control-line) 0), repeating-linear-gradient(90deg, var(--color-control-line) 0 var(--hairline-width), transparent var(--hairline-width) 10%);position:absolute}.out[data-v-74b7aa7f]{top:var(--space-xs);height:var(--space-md);background:repeating-linear-gradient(45deg, var(--color-control-line) 0 var(--hairline-width), transparent var(--hairline-width) var(--hatch-gap));position:absolute}.lines[data-v-74b7aa7f]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.notch[data-v-74b7aa7f]{stroke:var(--color-on-surface);stroke-width:var(--space-hairline)}.leader[data-v-74b7aa7f]{stroke:var(--color-on-surface);stroke-width:var(--hairline-width)}.chip[data-v-74b7aa7f]{top:calc(var(--space-lg) + var(--space-hairline));width:var(--space-xl);height:var(--space-xl);translate:calc(-1 * var(--space-md)) 0;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.fill[data-v-74b7aa7f]{width:var(--space-md);height:var(--space-md);background:var(--chip)}.chip[aria-pressed=true] .fill[data-v-74b7aa7f],.chip:hover .fill[data-v-74b7aa7f]{outline:var(--hairline-width) solid var(--color-on-surface);outline-offset:var(--hairline-width)}.axes[data-v-303f7c05]{align-content:start;gap:var(--space-xl);display:grid}.card[data-v-303f7c05],.group[data-v-303f7c05]{align-content:start;gap:var(--space-sm);display:grid}.caption[data-v-303f7c05]{font:var(--type-caption);letter-spacing:var(--tracking-caption);color:var(--color-on-surface-dim);text-transform:uppercase}.head[data-v-303f7c05]{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.label[data-v-303f7c05]{font:var(--type-body)}.value[data-v-303f7c05]{font:var(--type-value-sm);color:var(--color-on-surface-dim)}.tools[data-v-303f7c05]{gap:var(--space-xs);flex-wrap:wrap;display:flex}.moods[data-v-303f7c05]{gap:var(--space-hairline);display:grid}.mood[data-v-303f7c05]{align-items:center;gap:var(--space-md);height:var(--control-size);padding:0 var(--space-sm);border:var(--hairline-width) solid transparent;color:var(--color-on-surface);font:var(--type-body);text-align:left;cursor:pointer;background:0 0;display:flex}.mood[data-v-303f7c05]:hover{outline:var(--hairline-width) solid var(--color-on-surface);outline-offset:calc(-1 * var(--hairline-width))}.mood[data-v-303f7c05]:active{outline-width:var(--space-hairline);outline-offset:calc(-1 * var(--space-hairline))}.mood[data-v-303f7c05]:focus-visible{position:relative}.strip[data-v-303f7c05]{width:calc(2 * var(--space-xl));height:var(--space-md);flex:none}.note[data-v-303f7c05]{font:var(--type-body-sm);color:var(--color-on-surface-dim)}.wheel[data-v-1cbf1329]{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;justify-self:center;width:100%;max-width:332px;position:relative}.fill[data-v-1cbf1329],svg[data-v-1cbf1329]{position:absolute}svg[data-v-1cbf1329]{width:100%;height:100%;inset:0;overflow:visible}svg[data-v-1cbf1329] *{fill:none;stroke-width:.75px}.rim[data-v-1cbf1329],.dim[data-v-1cbf1329]{stroke:var(--color-on-surface-dim)}.ring[data-v-1cbf1329]{stroke:var(--color-line)}.ink[data-v-1cbf1329]{stroke:var(--color-on-surface)}.tag[data-v-1cbf1329],.angle[data-v-1cbf1329]{font:var(--type-value-xs);white-space:nowrap;background:var(--color-surface);pointer-events:none;position:absolute}.tag[data-v-1cbf1329]{padding:0 var(--space-hairline)}.angle[data-v-1cbf1329]{text-align:center;width:40px}.mark[data-v-1cbf1329]{outline:var(--hairline-width) solid var(--color-on-surface);outline-offset:var(--space-hairline);background:var(--mark);cursor:pointer;border:0;border-radius:50%;width:16px;height:16px;padding:0;position:absolute}.mark[data-v-1cbf1329]:before{content:"";inset:calc(-1 * var(--space-xs));position:absolute}.mark[aria-pressed=true][data-v-1cbf1329]{outline-width:var(--space-hairline)}.mark[data-v-1cbf1329]:focus-visible{--focus-gap:6px}.cosine[data-v-b9a772cf],.numbers[data-v-b9a772cf]{align-content:start;gap:var(--space-lg);display:grid}.caption[data-v-b9a772cf]{font:var(--type-caption);letter-spacing:var(--tracking-caption);color:var(--color-on-surface-dim);text-transform:uppercase}.group[data-v-b9a772cf]{gap:var(--space-xs);display:grid}.label[data-v-b9a772cf]{font:var(--type-body)}.plot[data-v-b9a772cf]{display:grid}.wave[data-v-b9a772cf]{border:var(--hairline);width:100%;height:auto;display:block}.rule[data-v-b9a772cf]{stroke:var(--color-line);stroke-width:var(--hairline-width)}.line[data-v-b9a772cf]{fill:none;stroke:var(--color-on-surface-dim);stroke-width:var(--hairline-width)}.line.on[data-v-b9a772cf]{stroke:var(--color-on-surface);stroke-width:var(--space-hairline)}.end[data-v-b9a772cf]{font:var(--type-value-xs);fill:var(--color-on-surface-dim)}.end.on[data-v-b9a772cf]{fill:var(--color-on-surface)}.bar[data-v-b9a772cf]{height:var(--space-xl);position:relative}.tick[data-v-b9a772cf]{width:var(--hairline-width);background:var(--color-surface);position:absolute;inset-block:0}.presets[data-v-b9a772cf]{gap:var(--space-hairline);display:grid}.preset[data-v-b9a772cf]{align-items:center;gap:var(--space-md);height:var(--control-size);padding:0 var(--space-sm);border:var(--hairline-width) solid transparent;color:var(--color-on-surface);font:var(--type-body);text-align:left;cursor:pointer;background:0 0;display:flex}.preset[data-v-b9a772cf]:hover{outline:var(--hairline-width) solid var(--color-on-surface);outline-offset:calc(-1 * var(--hairline-width))}.preset[data-v-b9a772cf]:active{outline-width:var(--space-hairline);outline-offset:calc(-1 * var(--space-hairline))}.preset[data-v-b9a772cf]:focus-visible{position:relative}.strip[data-v-b9a772cf]{width:calc(2 * var(--space-xl));height:var(--space-md);flex:none}.source[data-v-d5a1f10f]{align-content:start;gap:var(--space-lg);display:grid}.field[data-v-d5a1f10f]{gap:var(--space-xs);display:grid}.caption[data-v-d5a1f10f]{font:var(--type-caption);letter-spacing:var(--tracking-caption);color:var(--color-on-surface-dim);text-transform:uppercase}.label[data-v-d5a1f10f]{font:var(--type-body)}.box[data-v-d5a1f10f]{display:block;position:relative}textarea[data-v-d5a1f10f]{width:100%;min-height:calc(3 * var(--control-size));padding:var(--space-sm);border:var(--hairline-width) solid var(--color-control-line);color:var(--color-on-surface);font:var(--type-value-md);resize:vertical;outline:var(--space-hairline) solid transparent;background:0 0;display:block}textarea[data-v-d5a1f10f]:hover{border-color:var(--color-on-surface)}.invalid textarea[data-v-d5a1f10f]{border:var(--space-hairline) dashed var(--color-on-surface);padding:calc(var(--space-sm) - var(--hairline-width))}.message[data-v-d5a1f10f]{min-height:calc(var(--font-size-md) * 3);font:var(--type-body-sm);color:var(--color-on-surface)}.drop[data-v-d5a1f10f]{justify-items:start;gap:var(--space-sm);padding:var(--space-lg);border:var(--hairline-width) solid var(--color-control-line);font:var(--type-body-sm);display:grid}.drop.over[data-v-d5a1f10f]{outline:var(--space-hairline) solid var(--color-on-surface);outline-offset:calc(-1 * var(--space-hairline))}.thumb[data-v-d5a1f10f]{grid-template-columns:calc(4 * var(--space-xl)) minmax(0, 1fr);gap:var(--space-md);align-items:start;display:grid}.thumb img[data-v-d5a1f10f]{border:var(--hairline);width:100%;height:auto;display:block}.note[data-v-d5a1f10f]{font:var(--type-body-sm);color:var(--color-on-surface-dim)}.settings[data-v-17399edf]{align-content:start;gap:var(--space-lg);display:grid}.caption[data-v-17399edf]{font:var(--type-caption);letter-spacing:var(--tracking-caption);color:var(--color-on-surface-dim);text-transform:uppercase}.choice[data-v-17399edf]{gap:var(--space-xs);display:grid}.label[data-v-17399edf]{font:var(--type-body)}.swatch[data-v-dcce2c84],.sliders[data-v-dcce2c84]{align-content:start;gap:var(--space-lg);display:grid}.swatch[data-v-dcce2c84]{gap:var(--space-sm)}.caption[data-v-dcce2c84]{font:var(--type-caption);letter-spacing:var(--tracking-caption);color:var(--color-on-surface-dim);text-transform:uppercase}.unpin[data-v-dcce2c84]{padding:0 var(--space-xs);border:var(--hairline-width) solid var(--color-control-line);color:var(--color-on-surface);font:var(--type-value-xs);cursor:pointer;background:0 0;position:relative}.unpin[data-v-dcce2c84]:hover{border-color:var(--color-on-surface)}.unpin[data-v-dcce2c84]:before{content:"";inset:calc(-1 * var(--space-xs)) 0;position:absolute}.note[data-v-dcce2c84]{font:var(--type-body-sm);color:var(--color-on-surface-dim)}.shape[data-v-25f7d3cd]{align-content:start;gap:var(--space-xl);display:grid}.section[data-v-25f7d3cd]{align-content:start;gap:var(--space-sm);display:grid}.caption[data-v-25f7d3cd]{font:var(--type-caption);letter-spacing:var(--tracking-caption);color:var(--color-on-surface-dim);text-transform:uppercase}.note[data-v-25f7d3cd]{font:var(--type-body-sm);color:var(--color-on-surface-dim)}.slot[data-v-beba77a1]{min-height:0;z-index:var(--z-panel-over);grid-area:stage;display:grid}.shadow[data-v-beba77a1],.panel[data-v-beba77a1]{grid-area:1/1}.shadow[data-v-beba77a1]{background:var(--hatch-shadow);transform:translate(var(--hatch-offset), var(--hatch-offset));display:none}.panel[data-v-beba77a1]{align-content:start;gap:var(--space-lg);padding:var(--space-xl);background:var(--color-surface);grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:auto}.top[data-v-beba77a1]{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.title[data-v-beba77a1]{font:var(--type-display);letter-spacing:var(--tracking-display)}.scheme[data-v-beba77a1]{align-content:start;gap:var(--space-xl);display:grid}@media (width>=700px){.slot[data-v-beba77a1]{width:calc(var(--layout-panel) + var(--space-md));padding:0 var(--space-md) var(--space-md) 0;grid-area:bar/stage/stage;justify-self:end}.shadow[data-v-beba77a1]{display:block}.panel[data-v-beba77a1]{border:var(--hairline-width) solid var(--color-control-line)}}@media (width>=1200px){.slot[data-v-beba77a1]{grid-area:panel;justify-self:stretch;width:auto;padding:0}.shadow[data-v-beba77a1]{display:none}.panel[data-v-beba77a1]{border:0;border-left:var(--hairline)}}@media (height<500px){.slot[data-v-beba77a1]{grid-area:panel;justify-self:stretch;width:auto;padding:0}.shadow[data-v-beba77a1]{display:none}.panel[data-v-beba77a1]{border:0;border-left:var(--hairline)}}@media (height<500px) and (width<700px){.slot[data-v-beba77a1]{grid-area:stage}.panel[data-v-beba77a1]{border-left:0}}.theme[data-v-b4f3c882]{width:var(--control-size);place-items:center;padding:0;display:grid}.icon[data-v-b4f3c882]{width:var(--space-lg);height:var(--space-lg);fill:none;stroke:currentColor;stroke-width:var(--hairline-width)}.shell[data-v-c508e74e]{grid-template:"head" var(--layout-head-phone) "bar" var(--layout-row-touch) "stage" minmax(0, 1fr) "foot" auto "tools" var(--layout-row-touch) / minmax(0, 1fr);height:100%;display:grid;overflow:hidden}.head[data-v-c508e74e]{align-items:center;gap:var(--space-xl);padding:0 var(--space-lg);border-bottom:var(--hairline);grid-area:head;grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.acts[data-v-c508e74e]{justify-content:flex-end;align-items:center;gap:var(--space-lg);display:flex}.tool-switch[data-v-c508e74e],.checks-short[data-v-c508e74e],.spec[data-v-c508e74e]{display:none}.with-stamp[data-v-c508e74e]{align-items:center;gap:var(--space-sm);display:flex}.tools .with-stamp[data-v-c508e74e]>:first-child{flex:1}.worst[data-v-c508e74e]{width:calc(2 * var(--space-lg) + var(--space-sm));flex:none;display:inline-flex}.worst-head[data-v-c508e74e]{display:none}.brand[data-v-c508e74e]{font:var(--type-display);letter-spacing:var(--tracking-display);white-space:nowrap}.bar[data-v-c508e74e]{border-bottom:var(--hairline);grid-area:bar}.nav[data-v-c508e74e]{display:none}.stage[data-v-c508e74e]{background:var(--color-stage);grid-area:stage;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.stage.over[data-v-c508e74e]{outline:var(--space-hairline) solid var(--color-on-surface);outline-offset:calc(-1 * var(--space-hairline))}.tools[data-v-c508e74e]{padding:var(--space-sm) var(--space-lg);border-top:var(--hairline);grid-area:tools;display:grid}@media (width<366px){.brand[data-v-c508e74e]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (width>=700px){.shell[data-v-c508e74e]{grid-template:"head" var(--layout-head) "bar" var(--layout-bar) "stage" minmax(0, 1fr) "foot" var(--layout-foot-narrow) / minmax(0, 1fr)}.head[data-v-c508e74e]{padding:0 var(--space-xl)}.tools[data-v-c508e74e]{display:none}.tool-switch[data-v-c508e74e]{display:inline-grid}.worst-head[data-v-c508e74e]{display:inline-flex}}@media (width>=1200px){.shell[data-v-c508e74e]{grid-template:"head head" var(--layout-head) "nav stage" minmax(0, 1fr) "foot foot" var(--layout-foot) / var(--layout-nav) minmax(0, 1fr)}.bar[data-v-c508e74e]{display:none}.nav[data-v-c508e74e]{border-right:var(--hairline);grid-area:nav;display:block}.head[data-v-c508e74e]{grid-template-columns:auto minmax(0,1fr) auto}.spec[data-v-c508e74e]{display:flex}.worst-head[data-v-c508e74e]{display:none}.shell.has-panel[data-v-c508e74e]{grid-template:"head head head" var(--layout-head) "nav stage panel" minmax(0, 1fr) "foot foot foot" var(--layout-foot) / var(--layout-nav) minmax(0, 1fr) var(--layout-panel)}}@media (height<500px){.shell[data-v-c508e74e]{grid-template:"head" var(--layout-row-touch) "stage" minmax(0, 1fr) "foot" var(--layout-row-touch) / minmax(0, 1fr)}.head[data-v-c508e74e]{padding:0 var(--space-xl)}.brand[data-v-c508e74e]{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bar[data-v-c508e74e],.nav[data-v-c508e74e],.tools[data-v-c508e74e],.tool-switch[data-v-c508e74e],.spec[data-v-c508e74e]{display:none}.checks-short[data-v-c508e74e]{display:inline-block}.worst-head[data-v-c508e74e]{display:inline-flex}}@media (height<500px) and (width>=700px){.shell.has-panel[data-v-c508e74e]{grid-template:"head head" var(--layout-row-touch) "stage panel" minmax(0, 1fr) "foot foot" var(--layout-row-touch) / minmax(0, 1fr) var(--layout-panel)}}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/jost-cyrillic-300-normal-DcIdRxLM.woff2)format("woff2"),url(/assets/jost-cyrillic-300-normal-Da-u_v9v.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/jost-latin-ext-300-normal--ixxmfGr.woff2)format("woff2"),url(/assets/jost-latin-ext-300-normal-DIStW2bt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/jost-latin-300-normal-DkBQXsFU.woff2)format("woff2"),url(/assets/jost-latin-300-normal-Ckm9JHl_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-cyrillic-400-normal-bVZEi0jL.woff2)format("woff2"),url(/assets/jost-cyrillic-400-normal-Dk3McGkH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-latin-ext-400-normal-CpdMQIMr.woff2)format("woff2"),url(/assets/jost-latin-ext-400-normal-Dsyb2mtt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-latin-400-normal-q-RKOgPK.woff2)format("woff2"),url(/assets/jost-latin-400-normal-C7S-3Ky6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-cyrillic-500-normal-DtB2bvF0.woff2)format("woff2"),url(/assets/jost-cyrillic-500-normal-DlHwnXyv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-latin-ext-500-normal-BkvHgcKf.woff2)format("woff2"),url(/assets/jost-latin-ext-500-normal-Cpxiadwk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-latin-500-normal-41lBe9I9.woff2)format("woff2"),url(/assets/jost-latin-500-normal-B-AtzreL.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/dm-mono-latin-ext-300-normal-CnIee3y3.woff2)format("woff2"),url(/assets/dm-mono-latin-ext-300-normal-DQuwWybz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/dm-mono-latin-300-normal-CNmLoeDX.woff2)format("woff2"),url(/assets/dm-mono-latin-300-normal-CT8u5j2n.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-ext-400-normal-C2zvOubV.woff2)format("woff2"),url(/assets/dm-mono-latin-ext-400-normal-1aZr6b2b.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}}@layer tokens{:root{color-scheme:light dark;--color-primary:light-dark(oklch(22.64% 0 0),oklch(94.31% 0 0));--color-on-primary:light-dark(oklch(98.51% 0 0),oklch(16.84% 0 0));--color-surface:light-dark(oklch(98.51% 0 0),oklch(16.84% 0 0));--color-on-surface:light-dark(oklch(22.64% 0 0),oklch(94.31% 0 0));--color-on-surface-dim:light-dark(oklch(47.48% 0 0),oklch(71.55% 0 0));--color-line:light-dark(oklch(85.45% 0 0),oklch(34.85% 0 0));--color-control-line:light-dark(oklch(64.67% 0 0),oklch(53.82% 0 0));--color-hatch:light-dark(oklch(92.49% 0 0),oklch(26.03% 0 0));--color-text-on-dark:oklch(98.51% 0 0);--color-text-on-light:oklch(22.64% 0 0);--base-hue:36;--color-stage:light-dark(oklch(95.5% .018 var(--base-hue)),oklch(20% .035 var(--base-hue)));--font-sans:"Jost", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:13px;--font-size-lg:14px;--font-size-xl:21px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--tracking-display:.03em;--tracking-caption:.08em;--type-display:var(--font-weight-light) var(--font-size-xl) var(--font-sans);--type-label-strong:var(--font-weight-medium) var(--font-size-xl) var(--font-sans);--type-body:var(--font-weight-regular) var(--font-size-lg) var(--font-sans);--type-body-sm:var(--font-weight-regular) var(--font-size-md) var(--font-sans);--type-value-md:var(--font-weight-light) var(--font-size-md) var(--font-mono);--type-value-sm:var(--font-weight-light) var(--font-size-sm) var(--font-mono);--type-value-xs:var(--font-weight-light) var(--font-size-xs) var(--font-mono);--type-caption:var(--font-weight-light) var(--font-size-xs) var(--font-mono);--type-stamp:var(--font-weight-regular) var(--font-size-xs) var(--font-mono);--space-hairline:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--control:32px;--control-touch:44px;--control-size:var(--control);--layout-head:72px;--layout-head-phone:56px;--layout-bar:56px;--layout-row-touch:60px;--layout-nav:248px;--layout-panel:380px;--layout-foot:172px;--layout-foot-narrow:148px;--layout-reroll:96px;--layout-reroll-narrow:80px;--layout-title-block:320px;--swatch-block:72px;--swatch-block-phone:34px;--hairline-width:1px;--hairline:var(--hairline-width) solid var(--color-line);--hatch-gap:6px;--hatch-offset:6px;--hatch-shadow:repeating-linear-gradient(135deg, var(--color-control-line) 0 1px, transparent 1px var(--hatch-gap));--hatch-disabled:repeating-linear-gradient(45deg, var(--color-hatch) 0 1px, transparent 1px var(--hatch-gap));--z-base:0;--z-panel-over:1;--duration-blend:.2s;--stagger:50ms;--toast-time:3s}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media (width<700px),(pointer:coarse){:root{--control-size:var(--control-touch)}}@media (prefers-reduced-motion:reduce){:root{--duration-blend:0s;--stagger:0s}}}@layer base{html,body,#app{height:100%}body{background:var(--color-surface);color:var(--color-on-surface);font:var(--type-body);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}:where(code,kbd,samp,output){font:var(--type-value-md)}}@layer layout,components;@layer utilities{.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.focus-marks:focus-visible{outline:var(--space-hairline) solid transparent;outline-offset:var(--space-hairline)}.focus-marks-within:has(:focus-visible){outline:var(--space-hairline) solid transparent;outline-offset:var(--space-hairline)}.focus-marks:focus-visible:after{--mark:linear-gradient(var(--color-on-surface), var(--color-on-surface));content:"";inset:calc(-1 * var(--focus-gap,var(--space-xs)));pointer-events:none;background-image:var(--mark), var(--mark), var(--mark), var(--mark), var(--mark), var(--mark), var(--mark), var(--mark);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-size:var(--space-sm) var(--space-hairline), var(--space-hairline) var(--space-sm), var(--space-sm) var(--space-hairline), var(--space-hairline) var(--space-sm), var(--space-sm) var(--space-hairline), var(--space-hairline) var(--space-sm), var(--space-sm) var(--space-hairline), var(--space-hairline) var(--space-sm);background-repeat:no-repeat;position:absolute}.focus-marks-within:has(:focus-visible):after{--mark:linear-gradient(var(--color-on-surface), var(--color-on-surface));content:"";inset:calc(-1 * var(--focus-gap,var(--space-xs)));pointer-events:none;background-image:var(--mark), var(--mark), var(--mark), var(--mark), var(--mark), var(--mark), var(--mark), var(--mark);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-size:var(--space-sm) var(--space-hairline), var(--space-hairline) var(--space-sm), var(--space-sm) var(--space-hairline), var(--space-hairline) var(--space-sm), var(--space-sm) var(--space-hairline), var(--space-hairline) var(--space-sm), var(--space-sm) var(--space-hairline), var(--space-hairline) var(--space-sm);background-repeat:no-repeat;position:absolute}}