.svooltip{position:absolute;top:0;left:0;background:var(--svooltip-bg, #444);color:var(--svooltip-text, #fff);padding:var(--svooltip-padding, 4px 8px);border-radius:var(--svooltip-roundness, 4px);font-weight:var(--svooltip-weight, 500);font-size:var(--svooltip-text-size, .875rem);box-shadow:var(--svooltip-shadow, 0 2px 5px rgba(0, 0, 0, .35));pointer-events:none;-webkit-user-select:none;user-select:none;z-index:var(--svooltip-index, 1)}.svooltip-content{position:relative;z-index:var(--svooltip-index, 1)}.svooltip-arrow{position:absolute;width:var(--svooltip-arrow-size, 12px);height:var(--svooltip-arrow-size, 12px);rotate:45deg;background:var(--svooltip-bg, #444)}.svooltip-wrapper{display:var(--svooltip-wrapper-inline, inline-block)}.svooltip-wrapper.block{display:var(--svooltip-wrapper, block)}.svooltip-entering{animation:scaleIn var(--svooltip-animation-duration, .15s) ease forwards}.svooltip-leaving{animation:scaleOut var(--svooltip-animation-duration, .15s) ease forwards}.svooltip[data-placement=top]{transform-origin:bottom center}.svooltip[data-placement=top-start]{transform-origin:bottom left}.svooltip[data-placement=top-start] .svooltip-arrow{translate:calc(var(--svooltip-arrow-size, 12px) - var(--svooltip-arrow-size, 12px)*2)}.svooltip[data-placement=top-end]{transform-origin:bottom right}.svooltip[data-placement=top-end] .svooltip-arrow{translate:calc(var(--svooltip-arrow-size, 12px) + var(--svooltip-arrow-size, 12px)*2)}.svooltip[data-placement=right]{transform-origin:left center}.svooltip[data-placement=right-start]{transform-origin:left top}.svooltip[data-placement=right-start] .svooltip-arrow{translate:0 calc(var(--svooltip-arrow-size, 12px) - var(--svooltip-arrow-size, 12px)*2)}.svooltip[data-placement=right-end]{transform-origin:left bottom}.svooltip[data-placement=right-end] .svooltip-arrow{translate:0 var(--svooltip-arrow-size, 12px)}.svooltip[data-placement=bottom]{transform-origin:top center}.svooltip[data-placement=bottom-start]{transform-origin:top left}.svooltip[data-placement=bottom-start] .svooltip-arrow{translate:calc(var(--svooltip-arrow-size, 12px) - var(--svooltip-arrow-size, 12px)*2)}.svooltip[data-placement=bottom-end]{transform-origin:top right}.svooltip[data-placement=bottom-end] .svooltip-arrow{translate:calc(var(--svooltip-arrow-size, 12px) + var(--svooltip-arrow-size, 12px)*2)}.svooltip[data-placement=left]{transform-origin:right center}.svooltip[data-placement=left-start]{transform-origin:right top}.svooltip[data-placement=left-start] .svooltip-arrow{translate:0 calc(var(--svooltip-arrow-size, 12px) - var(--svooltip-arrow-size, 12px)*2)}.svooltip[data-placement=left-end]{transform-origin:right bottom}.svooltip[data-placement=left-end] .svooltip-arrow{translate:0 var(--svooltip-arrow-size, 12px)}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}.range-slider.svelte-102epst{--track-height: .5ex;--track-fill: 0%;--track-color: var(--surface-3);--thumb-size: 16px;--thumb-offset: calc(var(--thumb-size) * -.4);--thumb-highlight-size: 0px;--highlight-light: hsl(var(--gray-5-hsl)/25%);--highlight-dark: hsl(var(--gray-12-hsl)/25%);--thumb-highlight-color: var(--highlight-light);inline-size:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline-offset:5px;background:none;margin:1ex 0;display:block;touch-action:none}.no-track-fill.svelte-102epst{--accent-color: var(--track-color);--thumb-color: white}@media (prefers-color-scheme: dark){.range-slider.svelte-102epst{--track-color: var(--surface-1);--thumb-highlight-color: var(--highlight-dark)}.no-track-fill.svelte-102epst{--thumb-color: var(--surface-4)}}.range-slider.svelte-102epst::-webkit-slider-runnable-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;block-size:var(--track-height);background:linear-gradient(to right,transparent var(--track-fill),var(--track-color) 0%),var(--accent-color);border-radius:5ex}.range-slider.svelte-102epst::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;block-size:var(--track-height);background:linear-gradient(to right,transparent var(--track-fill),var(--track-color) 0%),var(--accent-color);border-radius:5ex}.range-slider.svelte-102epst::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:ew-resize;block-size:var(--thumb-size);inline-size:var(--thumb-size);background:var(--thumb-color, var(--accent-color));box-shadow:var(--shadow-4),0 0 0 var(--thumb-highlight-size) var(--thumb-highlight-color);border-radius:50%;margin-block-start:var(--thumb-offset)}@media (prefers-reduced-motion: no-preference){.range-slider.svelte-102epst::-webkit-slider-thumb{transition:box-shadow .1s}}.range-slider.svelte-102epst::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:ew-resize;block-size:var(--thumb-size);inline-size:var(--thumb-size);background:var(--thumb-color, var(--accent-color));box-shadow:var(--shadow-4),0 0 0 var(--thumb-highlight-size) var(--thumb-highlight-color);border-radius:50%;margin-block-start:var(--thumb-offset)}@media (prefers-reduced-motion: no-preference){.range-slider.svelte-102epst::-moz-range-thumb{transition:box-shadow .1s}}@media not (hover){.range-slider.svelte-102epst{--thumb-size: 24px}}.range-slider.svelte-102epst:is(:hover,:active){--thumb-highlight-size: 8px}.hint.svelte-wx9dbj,.ping.svelte-wx9dbj{--color: lime;position:absolute;inline-size:15px;aspect-ratio:var(--ratio-square);border-radius:var(--radius-round);background-color:var(--color)}@media (dynamic-range: high){.hint.svelte-wx9dbj,.ping.svelte-wx9dbj{--color: oklch(90% .5 140)}}.hint.svelte-wx9dbj{place-self:start;z-index:var(--layer-1);transition:opacity .5s ease;animation:var(--animation-pulse);background-color:color-mix(in oklch,var(--color) 90%,transparent)}.ping.svelte-wx9dbj{animation:var(--animation-ping)}.hiding.svelte-wx9dbj{opacity:0;pointer-events:none;animation:none}.hiding.svelte-wx9dbj>.ping:where(.svelte-wx9dbj){animation:none}.gradient-stops.svelte-q8kpj0{margin-block-start:var(--size-4)}.control-set.svelte-q8kpj0>h4:where(.svelte-q8kpj0){block-size:0;position:absolute;overflow:clip;visibility:hidden}.stop.svelte-q8kpj0{background:var(--surface-3);padding-inline:var(--size-3);margin-inline:var(--size-3);border-radius:var(--radius-3);box-shadow:var(--shadow-2);gap:var(--size-3)}@media (prefers-color-scheme: light){.stop.svelte-q8kpj0{background:#fff;border:1px solid var(--surface-2)}}.stop-actions.svelte-q8kpj0{position:absolute;inset-inline-end:var(--size-3);inset-block-start:var(--size-3);inline-size:var(--size-5);overflow:hidden;border-radius:var(--radius-round);padding-inline:0;aspect-ratio:1;border:none;box-shadow:0 0 0 var(--_highlight-size) var(--_highlight)}.stop-actions.svelte-q8kpj0>select:where(.svelte-q8kpj0){--icon-arrow-down: url(https://api.iconify.design/mdi:dots-vertical.svg?color=%23adb5bd);--icon-arrow-up: url(https://api.iconify.design/mdi:dots-vertical.svg?color=%23adb5bd);position:absolute;inset-inline-end:-1.1ch}.chip.svelte-q8kpj0{display:flex;place-items:center start;gap:var(--size-2)}.round.svelte-q8kpj0{inline-size:var(--size-4);block-size:var(--size-4);border-radius:var(--radius-round);padding:0;flex-shrink:0;border:none;box-shadow:var(--inner-shadow-0),0 0 0 var(--_highlight-size) var(--_highlight);outline-offset:4px}.color-string.svelte-q8kpj0{background:#0000;padding:0;max-inline-size:calc(100% - var(--size-4));overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.color-string.svelte-q8kpj0:focus{outline:none}.chip.color-stop.svelte-q8kpj0:after{opacity:0;content:url(https://api.iconify.design/material-symbols:edit.svg?color=%23ffffff);block-size:20px;right:var(--size-8);position:absolute;transition:opacity .3s var(--ease-3)}.chip.color-stop.svelte-q8kpj0:is(:hover,:focus):after{opacity:1}@media (prefers-color-scheme: light){.chip.color-stop.svelte-q8kpj0:after{content:url(https://api.iconify.design/material-symbols:edit.svg?color=%23111111)}}.color-position.svelte-q8kpj0>input[type=range]{--track-color: var(--surface-2)}.color-hint.svelte-q8kpj0{margin-inline:var(--size-2)}.color-hint.svelte-q8kpj0 svg:where(.svelte-q8kpj0){color:var(--surface-4);inline-size:var(--size-6)}@media (prefers-color-scheme: light){.chip.svelte-q8kpj0{background:#fff}.color-hint.svelte-q8kpj0>input[type=range]{--track-color: var(--surface-3)}}.positions-pair.svelte-q8kpj0{display:flex;align-items:center;gap:var(--size-2)}.linked.svelte-q8kpj0{--_ink-shadow: none;rotate:.75turn;box-shadow:0 0 0 var(--_highlight-size) var(--_highlight)}.linked.svelte-q8kpj0>:where(.svelte-q8kpj0){grid-area:1 / 1}.linked-off.svelte-q8kpj0{color:var(--surface-4)}.positions-pair.svelte-q8kpj0>.stack:where(.svelte-q8kpj0){flex:2}.gradient-colorspace.svelte-1iuiyay{padding-block-start:0;padding-inline:var(--size-3)}.label-select-combo.svelte-1iuiyay>label:where(.svelte-1iuiyay){display:flex;align-items:center;gap:var(--size-2)}.info-icon.svelte-1iuiyay{padding:0;border-radius:var(--radius-round);aspect-ratio:var(--ratio-square);box-shadow:0 0 0 var(--_highlight-size) var(--_highlight);--_bg: transparent;--_icon-size: var(--size-4);--_border: none}.mini-link.svelte-1iuiyay{color:inherit;padding:0;margin:0;line-height:0;border-radius:var(--radius-round)}.control-set.svelte-1cphyvo{margin-block-start:calc(var(--size-4) * -1);padding-inline:var(--size-3)}.icon-label.svelte-1cphyvo{display:flex;align-items:center;gap:var(--size-2)}.icon-label.svelte-1cphyvo>svg:where(.svelte-1cphyvo){inline-size:var(--size-7);position:relative;top:-3px}.linear-overlay.svelte-120k4c3{--line-1: hsl(0 0% 100% / 90%);--line-2: hsl(0 0% 100% / 50%);position:relative;grid-area:1/1;pointer-events:none;touch-action:none;will-change:rotate}.line.svelte-120k4c3{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:grid;grid-auto-flow:column;place-items:center;place-content:center space-between;block-size:2px;inline-size:100%;background:var(--line-1)}.line.svelte-120k4c3:after{content:"";block-size:2px;position:absolute;background:repeating-linear-gradient(to right,#0000 0 5px,var(--line-2) 0 10px);inline-size:150cqmax;z-index:-1}.invisible-track.svelte-120k4c3{cursor:copy;pointer-events:auto;position:absolute;block-size:1rem;inline-size:100%;inset-block-start:50%;inset-inline-start:0;transform:translateY(-50%)}.stop-wrap.svelte-120k4c3{border-radius:var(--radius-round);translate:-50% 0}.stop-wrap.svelte-120k4c3:has(+.stop-wrap) .stop:where(.svelte-120k4c3){clip-path:inset(0 50% 0 0)}.stop-wrap.svelte-120k4c3+.stop-wrap:where(.svelte-120k4c3) .stop:where(.svelte-120k4c3){clip-path:inset(0 0 0 50%)}.stop.svelte-120k4c3{display:flex;align-items:center;justify-content:center;background:var(--contrast-fill, white);aspect-ratio:1;inline-size:var(--size-5);border-radius:var(--radius-round);border:.5px solid hsl(0 0% 0% / 15%)}@media (prefers-reduced-motion: no-preference){.stop.svelte-120k4c3{animation:var(--animation-scale-up) reverse,var(--animation-fade-out) reverse;animation-duration:.25s}}.stop.svelte-120k4c3>button:where(.svelte-120k4c3){aspect-ratio:1;inline-size:var(--size-3);border-radius:var(--radius-round);padding:0;flex-shrink:0;border:none;box-shadow:var(--inner-shadow-0);outline-offset:8px}.hint.svelte-120k4c3,.stop-wrap.svelte-120k4c3{position:absolute;max-inline-size:var(--size-5);display:grid;place-content:center;place-items:center;gap:var(--size-2)}.hint.svelte-120k4c3{translate:-50% 50%}.hint.svelte-120k4c3>svg:where(.svelte-120k4c3){max-inline-size:var(--size-5);fill:#fff;stroke-width:.5px;stroke:#00000026}.svelte-120k4c3:is(.hint>svg,.stop):active{cursor:grabbing}.pie.svelte-120k4c3{--line-1: hsl(0 0% 100% / 50%);--line-2: hsl(0 0% 100% / 10%);position:relative;grid-area:1/1;display:grid;justify-content:center;align-items:center;pointer-events:none}.visual.svelte-120k4c3{--ng: 0;--thickness: 3px;--_inner: calc(70% - var(--thickness));--_outer: calc(var(--_inner) + 1px);mask:radial-gradient(circle,#0000 var(--_inner),#000 var(--_outer));-webkit-mask:radial-gradient(circle,#0000 var(--_inner),#000 var(--_outer));background-image:conic-gradient(var(--line-1),var(--line-1) var(--ng),#0000 0);inline-size:var(--size-10);aspect-ratio:var(--ratio-square);border-radius:var(--radius-round);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.visual-vert.svelte-120k4c3{--line-1: white;block-size:var(--size-10);inline-size:3px;background-image:linear-gradient(to bottom,var(--line-1) 50%,#0000 0)}.dot.svelte-120k4c3{background:#fff;inline-size:var(--size-2);aspect-ratio:var(--ratio-square);border-radius:var(--radius-round);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.invisible-rotator.svelte-120k4c3{pointer-events:auto;inline-size:var(--size-10);aspect-ratio:var(--ratio-square);border-radius:var(--radius-round);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);cursor:ew-resize}.overlay.svelte-12zfiqj{--line-1: hsl(0 0% 100% / 90%);--line-2: hsl(0 0% 100% / 50%);position:relative;grid-area:1/1;display:grid;pointer-events:none;touch-action:none;will-change:translate,left,top}.edge.svelte-12zfiqj{pointer-events:none;position:absolute;place-self:center;border:2px dashed var(--line-2);border-radius:50%}.dot.svelte-12zfiqj{place-self:center;background:#fff;inline-size:var(--size-2);aspect-ratio:var(--ratio-square);border-radius:var(--radius-round);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.line.svelte-12zfiqj{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:grid;grid-auto-flow:column;place-items:center;place-content:center space-between;block-size:2px;inline-size:100%;background:var(--line-1)}.line.svelte-12zfiqj:after{content:"";block-size:2px;position:absolute;background:repeating-linear-gradient(to right,#0000 0 5px,var(--line-2) 0 10px);inline-size:150cqmax;z-index:-1}.dragzone.svelte-12zfiqj{cursor:move;pointer-events:auto;place-self:center;inline-size:var(--size-10);aspect-ratio:var(--ratio-square);border-radius:var(--radius-round);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);transition:box-shadow .5s var(--ease-3);--_shadow-size: 0px;box-shadow:inset 0 0 0 var(--_shadow-size) #ffffff40}.dragzone.svelte-12zfiqj:hover{--_shadow-size: var(--size-10)}.stop-wrap.svelte-12zfiqj{border-radius:var(--radius-round);translate:-50% 0}.stop-wrap.svelte-12zfiqj:has(+.stop-wrap) .stop:where(.svelte-12zfiqj){clip-path:inset(0 50% 0 0)}.stop-wrap.svelte-12zfiqj+.stop-wrap:where(.svelte-12zfiqj) .stop:where(.svelte-12zfiqj){clip-path:inset(0 0 0 50%)}.stop.svelte-12zfiqj{display:flex;align-items:center;justify-content:center;background:var(--contrast-fill, white);aspect-ratio:1;inline-size:var(--size-5);border-radius:var(--radius-round);border:.5px solid hsl(0 0% 0% / 15%)}@media (prefers-reduced-motion: no-preference){.stop.svelte-12zfiqj{animation:var(--animation-scale-up) reverse,var(--animation-fade-out) reverse;animation-duration:.25s}}.stop.svelte-12zfiqj>button:where(.svelte-12zfiqj){aspect-ratio:1;inline-size:var(--size-3);border-radius:var(--radius-round);padding:0;flex-shrink:0;border:none;box-shadow:var(--inner-shadow-0);outline-offset:8px}.hint.svelte-12zfiqj,.stop-wrap.svelte-12zfiqj{position:absolute;max-inline-size:var(--size-5);display:grid;place-content:center;place-items:center;gap:var(--size-2)}.hint.svelte-12zfiqj{translate:-50% 50%}.hint.svelte-12zfiqj>svg:where(.svelte-12zfiqj){max-inline-size:var(--size-5);fill:#fff;stroke-width:.5px;stroke:#00000026}.svelte-12zfiqj:is(.hint>svg,.stop):active{cursor:grabbing}.conic-overlay.svelte-1uidokp{--line-1: hsl(0 0% 100% / 90%);--line-2: hsl(0 0% 100% / 50%);position:relative;grid-area:1/1;display:grid;pointer-events:none;touch-action:none;will-change:translate,left,top}.stop-wrap.svelte-1uidokp{border-radius:var(--radius-round);translate:-50% 0}.stop-wrap.svelte-1uidokp:has(+.stop-wrap) .stop:where(.svelte-1uidokp){clip-path:inset(0 0 0 50%)}.stop-wrap.svelte-1uidokp+.stop-wrap:where(.svelte-1uidokp) .stop:where(.svelte-1uidokp){clip-path:inset(0 50% 0 0)}.stop.svelte-1uidokp{display:flex;align-items:center;justify-content:center;background:var(--contrast-fill, white);aspect-ratio:1;inline-size:var(--size-5);border-radius:var(--radius-round);border:.5px solid hsl(0 0% 0% / 15%)}@media (prefers-reduced-motion: no-preference){.stop.svelte-1uidokp{animation:var(--animation-scale-up) reverse,var(--animation-fade-out) reverse;animation-duration:.25s}}.stop.svelte-1uidokp>button:where(.svelte-1uidokp){aspect-ratio:1;inline-size:var(--size-3);border-radius:var(--radius-round);padding:0;flex-shrink:0;border:none;box-shadow:var(--inner-shadow-0);outline-offset:8px}.hint.svelte-1uidokp,.stop-wrap.svelte-1uidokp{position:absolute;max-inline-size:var(--size-5);display:grid;place-content:center;place-items:center;gap:var(--size-2)}.hint.svelte-1uidokp{translate:-50% 0%}.hint.svelte-1uidokp>svg:where(.svelte-1uidokp){max-inline-size:var(--size-5);fill:#fff;stroke-width:.5px;stroke:#00000026}:is(.hint>svg,.stop){pointer-events:auto;touch-action:manipulation;cursor:grab;-webkit-user-select:none;user-select:none}.svelte-1uidokp:is(.hint>svg,.stop):active{cursor:grabbing}.pie.svelte-1uidokp{--line-1: hsl(0 0% 100% / 50%);--line-2: hsl(0 0% 100% / 10%);rotate:90deg;position:relative;grid-area:1/1;display:grid;justify-content:center;align-items:center;pointer-events:none}.visual.svelte-1uidokp{--ng: 0;--thickness: 3px;--_inner: calc(70% - var(--thickness));--_outer: calc(var(--_inner) + 1px);mask:radial-gradient(circle,#0000 var(--_inner),#000 var(--_outer));-webkit-mask:radial-gradient(circle,#0000 var(--_inner),#000 var(--_outer));background-image:conic-gradient(var(--line-1),var(--line-1) var(--ng),#0000 0);inline-size:var(--size-11);aspect-ratio:var(--ratio-square);border-radius:var(--radius-round);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.visual.svelte-1uidokp:not(.dotted){--line-1: white}.dotted.visual.svelte-1uidokp{background-image:repeating-conic-gradient(var(--line-1),var(--line-1) 2%,#0000 0%,#0000 4%)}.visual-vert.svelte-1uidokp{--line-1: white;block-size:var(--size-11);inline-size:3px;background-image:linear-gradient(to bottom,var(--line-1) 50%,#0000 0)}.dot.svelte-1uidokp{background:#fff;inline-size:var(--size-2);aspect-ratio:var(--ratio-square);border-radius:var(--radius-round);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.invisible-rotator.svelte-1uidokp{pointer-events:auto;inline-size:var(--size-11);aspect-ratio:var(--ratio-square);border-radius:var(--radius-round);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);cursor:ew-resize}.dragzone.svelte-1uidokp{cursor:move;pointer-events:auto;place-self:center;inline-size:var(--size-8);aspect-ratio:var(--ratio-square);border-radius:var(--radius-round);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);transition:box-shadow .5s var(--ease-3);--_shadow-size: 0px;box-shadow:inset 0 0 0 var(--_shadow-size) #ffffff40}.dragzone.svelte-1uidokp:hover{--_shadow-size: var(--size-11)}.stops.svelte-1uidokp{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:grid;place-items:center;place-content:center}dialog.svelte-19sxm0r{padding:0;margin-inline:auto var(--size-3);margin-block-start:var(--y, auto);margin-inline-start:var(--x, auto);transform:translateY(var(--anchor))}@media (max-width: 1024px){dialog.svelte-19sxm0r{margin-inline:var(--size-3) auto}}dialog.svelte-19sxm0r::backdrop{background:#0000;-webkit-backdrop-filter:none;backdrop-filter:none}html{--gradient-checkerboard: repeating-conic-gradient( var(--surface-3) 0% 25%, transparent 0% 50%) 50% / 1rem 1rem}.hd-color-picker.svelte-19sxm0r{display:grid;gap:0;border-radius:var(--radius-3)}.colorspace.svelte-19sxm0r{align-self:start;color:var(--counter-contrast-color);padding-inline-start:var(--size-2);padding-block:var(--size-1);border:1px solid white;border-color:color-mix(in oklch,var(--counter-contrast-color),transparent 70%);outline:none}.colorspace.svelte-19sxm0r:not(:hover,:focus){--_bg: color-mix(in oklch, var(--counter-contrast-color), transparent 90%)}.colorspace.svelte-19sxm0r:is(:hover,:focus){border-color:color-mix(in oklch,var(--counter-contrast-color),transparent 50%);color:var(--counter-contrast-color)}.preview.svelte-19sxm0r{aspect-ratio:var(--ratio-widescreen);min-inline-size:75vw;display:grid;grid-template-rows:1fr auto auto;align-content:end;justify-items:start;padding:var(--size-3);box-shadow:var(--inner-shadow-0);background:linear-gradient(var(--user-color) 0 0),var(--gradient-checkerboard)}@media (min-width: 600px){.preview.svelte-19sxm0r{min-inline-size:var(--size-content-2)}}.preview.svelte-19sxm0r>output>code{color:var(--contrast-color);background-color:var(--counter-contrast-color);text-shadow:0 1px 1px hsl(none none 0% / 25%)}.controls.svelte-19sxm0r{display:grid;gap:var(--size-2);padding:var(--size-3);background-color:var(--surface-2)}@media (prefers-color-scheme: light){.controls.svelte-19sxm0r{background-color:#fff}}.control.svelte-19sxm0r{display:flex;place-items:center;gap:var(--size-2)}.control-channel.svelte-19sxm0r{font-family:var(--font-mono);cursor:default}.control-input.svelte-19sxm0r{flex:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--surface-1);border-radius:var(--radius-round);block-size:1rem;box-shadow:var(--inner-shadow-0)}.alpha.svelte-19sxm0r{background:linear-gradient(to right,#0000,#000),var(--gradient-checkerboard)}.control-input.svelte-19sxm0r::-webkit-slider-thumb{--_border-size: 4px;cursor:grab;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:4px solid white;height:calc(1rem + (var(--_border-size) * 2));aspect-ratio:1;border-radius:var(--radius-round);box-shadow:var(--shadow-5),var(--inner-shadow-2)}.control-input.svelte-19sxm0r:active::-webkit-slider-thumb{cursor:grabbing}.color-information.svelte-19sxm0r{cursor:pointer;color:var(--counter-contrast-color);font-size:var(--font-size-3);display:inline-flex;align-items:center;white-space:nowrap}.color-information.svelte-19sxm0r>svg:where(.svelte-19sxm0r){block-size:.9em;opacity:0;transition:opacity .3s ease}.color-information.svelte-19sxm0r:is(:hover,:focus)>svg:where(.svelte-19sxm0r){opacity:1}.gamut.svelte-19sxm0r{border-radius:var(--radius-round) 0 0 var(--radius-round);font-size:var(--font-size-0);color:var(--counter-contrast-color);margin-block-start:var(--size-1)}.switch-group.svelte-12oielr{display:flex;border:none;padding:0;gap:var(--size-1)}.switch.svelte-12oielr{display:grid;grid:[pile] 1fr / [pile] 1fr;border-radius:var(--radius-round);padding:var(--size-2);place-content:center;color:var(--text-2)}.switch.svelte-12oielr:hover{background:var(--surface-1)}.switch.svelte-12oielr:has(:focus-visible){outline:1px solid var(--link)}.switch.svelte-12oielr:has(:checked){color:var(--text-1);background:var(--surface-2)}@media (prefers-color-scheme: light){.switch.svelte-12oielr:hover{background:var(--surface-2)}.switch.svelte-12oielr:has(:checked){background:var(--surface-2)}}.switch.svelte-12oielr>:where(.svelte-12oielr){grid-area:pile}.switch.svelte-12oielr>:is(input,label){opacity:0;inline-size:0;block-size:0}.switch.svelte-12oielr>svg:where(.svelte-12oielr){max-inline-size:var(--size-4);fill:currentColor}.switch.svelte-12oielr:last-child{margin-inline-end:calc(var(--size-2) * -1)}.angle-icon.svelte-hc66q4{background-color:var(--surface-1);background-image:conic-gradient(var(--text-2),var(--angle),transparent 0%);border-radius:var(--radius-round);aspect-ratio:var(--ratio-square);inline-size:5ch}@media (prefers-color-scheme: light){.angle-icon.svelte-hc66q4{background-color:var(--surface-2)}}.angle-matrix.svelte-irhsmb{display:grid;place-content:center;grid:var(--size-7) / var(--size-7);border:none;padding:0}.matrix-dot.svelte-irhsmb{--_size: var(--size-2);max-inline-size:var(--_size);max-block-size:var(--_size);grid-area:1/1;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;background:var(--surface-4);border-radius:var(--radius-round);padding:0}.matrix-dot.svelte-irhsmb:checked{background:var(--text-2)}.matrix-dot[value=center].svelte-irhsmb{place-self:center}.matrix-dot.svelte-irhsmb:is([value="top left"],[value="to top left"]){place-self:start}.matrix-dot.svelte-irhsmb:is([value=top],[value="to top"]){place-self:start center}.matrix-dot.svelte-irhsmb:is([value="top right"],[value="to top right"]){place-self:start end}.matrix-dot.svelte-irhsmb:is([value=right],[value="to right"]){place-self:center end}.matrix-dot.svelte-irhsmb:is([value="bottom right"],[value="to bottom right"]){place-self:end}.matrix-dot.svelte-irhsmb:is([value=bottom],[value="to bottom"]){place-self:end center}.matrix-dot.svelte-irhsmb:is([value="bottom left"],[value="to bottom left"]){place-self:end start}.matrix-dot.svelte-irhsmb:is([value=left],[value="to left"]){place-self:center start}.linear-angle.svelte-v0j08o{gap:var(--size-5)}.inline-radios.svelte-i46kox{display:flex;gap:var(--size-5);align-items:center}.layers.svelte-1hbu1mm{display:grid;grid-template-rows:auto 1fr;align-content:start;align-items:start;gap:var(--size-2);padding-block:1px;accent-color:var(--text-2)}@media (min-width: 1024px){.layers.svelte-1hbu1mm{max-block-size:calc(100cqb - var(--size-content-1));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}}.layers.svelte-1hbu1mm>.control-set{gap:var(--size-4);padding-block:var(--size-2)}.layer.svelte-1hbu1mm{display:grid;padding:0}.layer-toggle.svelte-1hbu1mm{display:flex;align-items:center;justify-content:space-between;gap:var(--size-2);box-shadow:var(--shadow-2);margin:0;padding-inline-start:var(--size-5);border-radius:0;--icon-arrow-down: url(https://api.iconify.design/ci:caret-down.svg?color=%23adb5bd);--icon-arrow-down-hover-light: url(https://api.iconify.design/ci:caret-down.svg?color=%23111111);--icon-arrow-down-hover-dark: url(https://api.iconify.design/ci:caret-down.svg?color=%23ffffff);--icon-arrow-right: url(https://api.iconify.design/ci:caret-right.svg?color=%23adb5bd);--icon-arrow-right-hover-light: url(https://api.iconify.design/ci:caret-right.svg?color=%23111111);--icon-arrow-right-hover-dark: url(https://api.iconify.design/ci:caret-right.svg?color=%23ffffff);background-image:var(--icon-arrow-right);background-position:-1px center;background-size:3ex;background-repeat:no-repeat}.layer-toggle.svelte-1hbu1mm::-webkit-details-marker{display:none}.layer-toggle.svelte-1hbu1mm{outline-offset:-2px}.layer[open].svelte-1hbu1mm>summary:where(.svelte-1hbu1mm){background-image:var(--icon-arrow-down)}.layer-toggle.svelte-1hbu1mm:hover{--icon-arrow-right: var(--icon-arrow-right-hover-light)}.layer[open].svelte-1hbu1mm>summary:where(.svelte-1hbu1mm):hover{--icon-arrow-down: var(--icon-arrow-down-hover-light)}@media (prefers-color-scheme: dark){.layer-toggle.svelte-1hbu1mm:hover{--icon-arrow-right: var(--icon-arrow-right-hover-dark)}.layer[open].svelte-1hbu1mm>summary:where(.svelte-1hbu1mm):hover{--icon-arrow-down: var(--icon-arrow-down-hover-dark)}}.layer-name.svelte-1hbu1mm{flex:1;color:var(--text-1);font-weight:700;-webkit-user-select:none;user-select:none}.end-of-layers.svelte-1hbu1mm{place-self:end;position:sticky;inset-block-end:0}.layer-visibility.svelte-1hbu1mm{max-inline-size:var(--size-5);padding:0;border-radius:var(--radius-round);box-shadow:0 0 0 var(--_highlight-size) var(--_highlight)}.add-layer.svelte-1hbu1mm{padding:var(--size-2);margin:var(--size-3);border-radius:var(--radius-round);aspect-ratio:var(--ratio-square);--_bg: var(--surface-3);--_icon-size: var(--size-6)}@media (prefers-color-scheme: light){.layers.svelte-1hbu1mm,.layer.svelte-1hbu1mm{background-color:var(--surface-1)}.layer-toggle.svelte-1hbu1mm,.add-layer.svelte-1hbu1mm{background-color:#fff}}.presets.svelte-1g9a00r{display:grid;gap:var(--size-2);overflow-x:auto;scroll-snap-type:x mandatory;padding-block:var(--size-3);padding-inline:var(--size-5);scroll-padding-inline:var(--size-5);border-block-start:1px solid var(--surface-1)}@media (prefers-color-scheme: light){.presets.svelte-1g9a00r{border-block-start-color:var(--surface-4)}}.presets.svelte-1g9a00r>p:where(.svelte-1g9a00r){font-size:var(--font-size-0);text-transform:uppercase;position:sticky;inline-size:max-content;inset-inline-start:0}.presets.svelte-1g9a00r .preset:where(.svelte-1g9a00r){scroll-snap-align:start}.scroller.svelte-1g9a00r{display:flex;gap:var(--size-3)}.preset.svelte-1g9a00r{flex:0 0 auto;--_item-size: var(--size-7);inline-size:var(--_item-size);block-size:var(--_item-size);padding:0;border:none;border-radius:var(--radius-round)}.copyable-block.svelte-jnccmx{display:grid;place-items:end}.copyable-block.svelte-jnccmx>:where(.svelte-jnccmx){grid-area:1 / 1}.copy-code.svelte-jnccmx{font-size:var(--font-size-0);z-index:var(--layer-1);padding-inline:var(--size-2);padding-block:var(--size-1)}.code-block.svelte-jnccmx{opacity:0;max-inline-size:90cqi;background-color:var(--gray-10);border-radius:var(--radius-3);cursor:auto}.code-block[has-loaded=true].svelte-jnccmx{animation:var(--animation-fade-in) forwards}code[class*=language-]{font-family:var(--font-mono);font-size:var(--font-size-2)}.color-wrap.svelte-1b24cxd{background:Canvas;padding:var(--size-3)}@media (prefers-color-scheme: light){.color-wrap.svelte-1b24cxd{background:#ddd}}.gradient-builder.svelte-1b24cxd{--link: var(--surface-4);display:grid;border-radius:var(--radius-3);box-shadow:var(--shadow-3);overflow:hidden}@media (prefers-color-scheme: light){.gradient-builder.svelte-1b24cxd{--link: var(--gray-6)}}@media (min-width: 1024px){.gradient-builder.svelte-1b24cxd{grid-template-columns:var(--size-14) 1fr var(--size-14);grid-template-rows:calc(100vh - (var(--size-3) * 2));grid-template-rows:calc(100dvh - (var(--size-3) * 2))}}.preview.svelte-1b24cxd{display:grid;margin-inline:auto;animation:var(--animation-fade-out) reverse;background:var(--gradient-checkerboard);box-shadow:var(--shadow-6)}.preview.svelte-1b24cxd>:where(.svelte-1b24cxd){grid-area:1/1}.resizer.svelte-1b24cxd{resize:both;overflow:hidden;min-block-size:80px;max-inline-size:95cqi;max-block-size:95cqb;aspect-ratio:var(--ratio-widescreen)}@media (min-width: 1024px){.resizer.svelte-1b24cxd{block-size:75vh}}.menu-bar.svelte-1b24cxd{display:flex;justify-content:end;align-items:center;gap:var(--size-3);padding-inline:var(--size-3);position:sticky;z-index:1;inset-block-start:0;block-size:var(--size-8)}.controls.svelte-1b24cxd{display:grid;gap:var(--size-1);align-content:start;background:var(--surface-2);padding-block:0 var(--size-fluid-5);accent-color:var(--surface-3)}@media (min-width: 1024px){.controls.svelte-1b24cxd{block-size:100%;max-block-size:100vh;max-block-size:100dvh;overflow-y:auto;overscroll-behavior:contain}}.controls.svelte-1b24cxd{counter-reset:count 0}.brand.svelte-1b24cxd{min-block-size:var(--size-content-1);display:grid;place-content:center;background:var(--surface-3);gap:var(--size-2)}@media (prefers-color-scheme: light){.controls.svelte-1b24cxd{background:var(--surface-1)}.brand.svelte-1b24cxd{background:#fff}}.brand.svelte-1b24cxd>h1{font-size:var(--font-size-3)}.preview-panel.svelte-1b24cxd{display:grid;place-content:center;inline-size:100cqi;overflow:hidden;position:relative}@media (max-width: 1024px){.preview-panel.svelte-1b24cxd{padding-block:var(--size-8)}}.code-preview-panel.svelte-1b24cxd{display:grid;gap:var(--size-2);padding-block:var(--size-6);align-content:center;justify-items:flex-start;justify-content:center;position:relative}@media (max-width: 1024px){.code-preview-panel.svelte-1b24cxd,.panel-actions.svelte-1b24cxd{display:none}}.code-preview-panel.svelte-1b24cxd .panel-actions:where(.svelte-1b24cxd){inset-inline:var(--size-3) auto}.inline-snap-panels.svelte-1b24cxd{background-color:var(--surface-1);display:grid;grid-template-columns:100cqi 100cqi;min-block-size:100%;overflow:auto;overscroll-behavior:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;overflow:hidden}@media (min-width: 1024px){.inline-snap-panels.svelte-1b24cxd{max-block-size:100vh;max-block-size:100dvh;overflow:auto}}@media (prefers-color-scheme: light){.inline-snap-panels.svelte-1b24cxd{background:var(--surface-4)}}.inline-snap-panels.svelte-1b24cxd>section:where(.svelte-1b24cxd){scroll-snap-align:center}.panel-actions.svelte-1b24cxd{position:absolute;inset-block-start:var(--size-3);inset-inline-end:var(--size-3)}.panel-actions.svelte-1b24cxd>button:where(.svelte-1b24cxd){padding:var(--size-2);border-radius:var(--radius-round);--_bg: var(--surface-1)}.control-set{border:none;border-radius:0;border-color:var(--surface-3);display:grid;gap:var(--size-2);padding-inline:var(--size-5);padding-block:var(--size-3)}.control-set:focus-within{border-color:var(--link)}.control-set:focus-within legend{color:var(--link)}.control-set>select{place-self:start}.control-set{position:relative}.label-select-combo{display:flex;align-items:center;justify-content:space-between}.radio-pair{display:flex;align-items:center;gap:var(--size-2)}.input-suffix{display:flex;align-items:center}.input-suffix>sup{color:var(--text-2);font-size:var(--font-size-0);-webkit-user-select:none;user-select:none}.gradient-builder.svelte-1b24cxd input[type=range]{inline-size:100%}.slider-set{display:inline-flex;place-items:center;gap:var(--size-2)}.slider-set>label{color:var(--text-2);font-size:var(--font-size-0)}@media (prefers-color-scheme: light){select{border:1px solid var(--surface-2)}}input[type=color].round::-webkit-color-swatch-wrapper{padding:0;clip-path:circle(50%)}input[type=color].round::-webkit-color-swatch{border:none}.add-color.svelte-1b24cxd{align-self:end}.remove{padding-block:var(--size-1);padding-inline:var(--size-2);font-size:var(--font-size-0);justify-self:end}.stack{display:grid;gap:var(--size-2)}.percentage-value{min-inline-size:4ch;text-align:end}.slider-percentage{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:end;max-inline-size:2em;padding-block:0;padding-inline-end:.25ch;padding-inline-start:0;-moz-appearance:textfield;background:none}.slider-percentage::-webkit-outer-spin-button,.slider-percentage::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.end-of-stops.svelte-1b24cxd{padding:var(--size-3);margin-block-start:var(--size-fluid-4);text-align:center}.gradient-logo.svelte-1b24cxd{--retro-stripes: linear-gradient(to top, #000 1%, 0%, #0000 8%, 0%, #000 10%, 0%, #0000 16%, 0%, #000 19%, 0%, #0000 24%, 0%, #000 28%, 0%, #0000 32%, 0%, #000 37%, 0%, #0000 40%, 0%, #000 46%, 0%, #0000 48%, 0%, #000 55%, 0%, #0000 56%, 0%, #000 57%);mask:var(--retro-stripes);-webkit-mask:var(--retro-stripes);inline-size:var(--size-10);inline-size:35cqi;aspect-ratio:var(--ratio-square);border-radius:var(--radius-round);justify-self:center}select{--icon-arrow-down: url(https://api.iconify.design/ic:keyboard-arrow-down.svg?color=%23adb5bd);--icon-arrow-up: url(https://api.iconify.design/ic:keyboard-arrow-up.svg?color=%23adb5bd);--_bg-light: #fff;--_bg-dark: var(--surface-3);--_bg: var(--_bg-light);background-color:var(--_bg);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--icon-arrow-down);background-position:calc(100% - 1ch) center;background-size:3ex;background-repeat:no-repeat;padding-block:.75ch;padding-inline:1.75ch 3ch;line-height:1.5}@supports (field-sizing: content){select{padding-inline:1.75ch 4ch}}select:is(:hover,:focus){background-color:var(--_bg)}select:not([disabled]){box-shadow:var(--shadow-3)}select:not([disabled]):is(:hover,:focus){background-image:var(--icon-arrow-up)}select[disabled]{cursor:not-allowed}.sr-only{inline-size:0;block-size:0;overflow:hidden;visibility:hidden;white-space:nowrap;position:absolute}@media (prefers-color-scheme: dark){select{--_bg: var(--_bg-dark)}}.primary-sidebar.svelte-1b24cxd{display:grid;background:var(--surface-2);block-size:100%;align-content:start;grid-template-rows:auto [layers] 1fr auto [footer-links] auto}@media (prefers-color-scheme: light){.primary-sidebar.svelte-1b24cxd{background:var(--surface-1)}}.brand.svelte-1b24cxd{position:relative;text-align:center;padding-block:var(--size-3)}.brand-name.svelte-1b24cxd:hover>b:where(.svelte-1b24cxd){color:#0ff;color:color(display-p3 0 1 1)}.brand-name-badge.svelte-1b24cxd{position:absolute;inset-block-start:0;inset-inline-start:0;transform:translate(-37%,100%) rotate(-45deg);display:inline-flex;place-items:center;text-transform:uppercase;font-size:var(--font-size-00);background:var(--surface-4);line-height:1;padding-inline:var(--size-10);padding-block:var(--size-1);box-shadow:var(--shadow-2)}.hd-switch.svelte-1b24cxd{cursor:pointer;position:absolute;inset-block-start:calc(var(--size-5) * -1.5);inset-inline-start:calc(var(--size-1) * -1)}.hd-switch.svelte-1b24cxd>svg:where(.svelte-1b24cxd){color:var(--text-1)}.hd-switch.svelte-1b24cxd>input:where(.svelte-1b24cxd){position:absolute;top:0;right:0;bottom:0;left:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:auto;aspect-ratio:1}.global-actions.svelte-1b24cxd{position:relative;inline-size:var(--size-7);overflow:hidden;border-radius:var(--radius-round);padding-inline:0;aspect-ratio:1;border:none;box-shadow:0 0 0 var(--_highlight-size) var(--_highlight);background-image:url(https://api.iconify.design/material-symbols:settings-rounded.svg?color=%23adb5bd);background-position:center;background-repeat:no-repeat;background-size:75%}.global-actions.svelte-1b24cxd:not(:focus-within){--_bg: transparent}.global-actions.svelte-1b24cxd:not(:active,:focus) select:where(.svelte-1b24cxd){opacity:0}.global-actions.svelte-1b24cxd>select:where(.svelte-1b24cxd){position:absolute}body{display:grid}html{overscroll-behavior:none}@media (min-width: 1024px){html{overflow:hidden}}