.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:var(--svooltip-arrow-rotate, 45deg);background:var(--svooltip-bg, #444);z-index:var(--svooltip-arrow-zindex, 0)}.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%;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{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{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{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{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-8qc4hk{margin-block-start:var(--size-4)}.control-set.svelte-8qc4hk>h4:where(.svelte-8qc4hk){block-size:0;position:absolute;overflow:clip;visibility:hidden}.stop.svelte-8qc4hk{background:var(--surface-3);padding-inline:var(--size-3);position:relative;margin-inline:var(--size-3);border-radius:var(--radius-3);box-shadow:var(--shadow-2);gap:var(--size-3);cursor:auto}@media (prefers-color-scheme: light){.stop.svelte-8qc4hk{background:#fff;border:1px solid var(--surface-2)}}.control-set.drop-before.svelte-8qc4hk:before,.control-set.drop-after.svelte-8qc4hk:after{content:"";position:absolute;left:var(--size-3);right:var(--size-3);height:4px;background:color-mix(in oklch,var(--brand, var(--link)) 60%,transparent);border-radius:999px}.control-set.drop-before.svelte-8qc4hk:before{top:0;transform:translateY(-6px)}.control-set.drop-after.svelte-8qc4hk:after{bottom:0;transform:translateY(6px)}.stop-actions.svelte-8qc4hk{position:absolute;inset-inline-end:calc(var(--size-3) + var(--size-5) + var(--size-2));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)}.drag-handle.svelte-8qc4hk{position:absolute;inset-inline-end:var(--size-3);inset-block-start:var(--size-3);inline-size:var(--size-5);block-size:var(--size-5);border-radius:var(--radius-round);box-shadow:var(--shadow-1);cursor:grab;background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:70% 2px,70% 2px,70% 2px;background-position:50% calc(50% - 5px),50% 50%,50% calc(50% + 5px);color:var(--surface-4)}.drag-handle.svelte-8qc4hk:active{cursor:grabbing}.drag-handle.svelte-8qc4hk,.stop-actions.svelte-8qc4hk{z-index:2}.stop-actions.svelte-8qc4hk>select:where(.svelte-8qc4hk){--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-8qc4hk{display:flex;place-items:center start;gap:var(--size-2)}.round.svelte-8qc4hk{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-8qc4hk{background:#0000;padding:0;max-inline-size:calc(100% - var(--size-4));overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.color-string.svelte-8qc4hk:focus{outline:none}.chip.color-stop.svelte-8qc4hk: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-8qc4hk:is(:hover,:focus):after{opacity:1}@media (prefers-color-scheme: light){.chip.color-stop.svelte-8qc4hk:after{content:url(https://api.iconify.design/material-symbols:edit.svg?color=%23111111)}}.color-position.svelte-8qc4hk>input[type=range]{--track-color: var(--surface-2)}.color-hint.svelte-8qc4hk{margin-inline:var(--size-2)}.color-hint.svelte-8qc4hk svg:where(.svelte-8qc4hk){color:var(--surface-4);inline-size:var(--size-6)}@media (prefers-color-scheme: light){.chip.svelte-8qc4hk{background:#fff}.color-hint.svelte-8qc4hk>input[type=range]{--track-color: var(--surface-3)}}.positions-pair.svelte-8qc4hk{display:flex;align-items:center;gap:var(--size-2)}.end-dropzone.svelte-8qc4hk{height:var(--size-5)}.linked.svelte-8qc4hk{--_ink-shadow: none;rotate:.75turn;box-shadow:0 0 0 var(--_highlight-size) var(--_highlight)}.linked.svelte-8qc4hk>:where(.svelte-8qc4hk){grid-area:1 / 1}.linked-off.svelte-8qc4hk{color:var(--surface-4)}.positions-pair.svelte-8qc4hk>.stack:where(.svelte-8qc4hk){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-aqwmna{--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-aqwmna{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-aqwmna: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-aqwmna{cursor:default;pointer-events:auto;position:absolute;block-size:1rem;inline-size:100%;inset-block-start:50%;inset-inline-start:0;transform:translateY(-50%)}.ghost-stop-wrap.svelte-aqwmna{position:absolute;inset-block-start:50%;transform:translate(-50%,-50%);pointer-events:none}.ghost-stop.svelte-aqwmna{display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--surface-1) 40%,transparent);aspect-ratio:1;inline-size:var(--size-5);border-radius:var(--radius-round);border:.25rem solid var(--line-2);box-shadow:none;opacity:.8}.stop-wrap.svelte-aqwmna{transition:none}.stop-wrap.svelte-aqwmna{border-radius:var(--radius-round);translate:-50% 0}.stop-wrap.svelte-aqwmna:has(+.stop-wrap) .stop:where(.svelte-aqwmna){clip-path:inset(0 50% 0 0)}.stop-wrap.svelte-aqwmna+.stop-wrap:where(.svelte-aqwmna) .stop:where(.svelte-aqwmna){clip-path:inset(0 0 0 50%)}.stop.svelte-aqwmna{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-aqwmna{animation:var(--animation-scale-up) reverse,var(--animation-fade-out) reverse;animation-duration:.25s}}.stop.svelte-aqwmna>button:where(.svelte-aqwmna){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-aqwmna,.stop-wrap.svelte-aqwmna{position:absolute;max-inline-size:var(--size-5);display:grid;place-content:center;place-items:center;gap:var(--size-2)}.hint.svelte-aqwmna{translate:-50% 50%}.hint.svelte-aqwmna>svg:where(.svelte-aqwmna){max-inline-size:var(--size-5);fill:#fff;stroke-width:.5px;stroke:#00000026}.svelte-aqwmna:is(.hint>svg,.stop):active{cursor:grabbing}.pie.svelte-aqwmna{--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-aqwmna{--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-aqwmna{--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-aqwmna{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-aqwmna{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-sqlddq{--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-sqlddq{pointer-events:none;position:absolute;place-self:center;border:2px dashed var(--line-2);border-radius:50%}.dot.svelte-sqlddq{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-sqlddq{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);transform:translateY(-50%);z-index:11}.line.svelte-sqlddq:after{content:"";block-size:2px;position:absolute;background:repeating-linear-gradient(to right,#0000 0 5px,var(--line-2) 0 10px);inline-size:400cqmax;z-index:-1}.dragzone.svelte-sqlddq{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;z-index:2}.dragzone.svelte-sqlddq:hover{--_shadow-size: var(--size-10)}.stop-wrap.svelte-sqlddq{border-radius:var(--radius-round);translate:-50% 0}.invisible-track.svelte-sqlddq{pointer-events:auto;position:absolute;inset-block-start:50%;inset-inline:0;block-size:1rem;transform:translateY(-50%);cursor:default;z-index:0}.ghost-stop-wrap.svelte-sqlddq{position:absolute;inset-block-start:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.ghost-stop.svelte-sqlddq{display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--surface-1) 40%,transparent);aspect-ratio:1;inline-size:var(--size-5);border-radius:var(--radius-round);border:.25rem solid var(--line-2);box-shadow:none;opacity:.8}.stop-wrap.svelte-sqlddq:has(+.stop-wrap) .stop:where(.svelte-sqlddq){clip-path:inset(0 50% 0 0)}.stop-wrap.svelte-sqlddq+.stop-wrap:where(.svelte-sqlddq) .stop:where(.svelte-sqlddq){clip-path:inset(0 0 0 50%)}.stop.svelte-sqlddq{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-sqlddq{animation:var(--animation-scale-up) reverse,var(--animation-fade-out) reverse;animation-duration:.25s}}.stop.svelte-sqlddq>button:where(.svelte-sqlddq){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-sqlddq,.stop-wrap.svelte-sqlddq{position:absolute;max-inline-size:var(--size-5);display:grid;place-content:center;place-items:center;gap:var(--size-2);z-index:10}.hint.svelte-sqlddq{translate:-50% 50%}.hint.svelte-sqlddq>svg:where(.svelte-sqlddq){max-inline-size:var(--size-5);fill:#fff;stroke-width:.5px;stroke:#00000026}.svelte-sqlddq:is(.hint>svg,.stop):active{cursor:grabbing}.conic-overlay.svelte-1yqq3e3{--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}.invisible-ring.svelte-1yqq3e3{pointer-events:auto;position:absolute;inset:0;display:grid;place-items:center;z-index:0}.stop-wrap.svelte-1yqq3e3{border-radius:var(--radius-round);translate:-50% 0;z-index:3}.ghost-stop-wrap.svelte-1yqq3e3{position:absolute;z-index:1;pointer-events:none;translate:-50% 0}.ghost-stop.svelte-1yqq3e3{display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--surface-1) 40%,transparent);aspect-ratio:1;inline-size:var(--size-5);border-radius:var(--radius-round);border:.25rem solid var(--line-2);box-shadow:none;opacity:.8}.stop-wrap.svelte-1yqq3e3:has(+.stop-wrap) .stop:where(.svelte-1yqq3e3){clip-path:inset(0 0 0 50%)}.stop-wrap.svelte-1yqq3e3+.stop-wrap:where(.svelte-1yqq3e3) .stop:where(.svelte-1yqq3e3){clip-path:inset(0 50% 0 0)}.stop.svelte-1yqq3e3{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-1yqq3e3{animation:var(--animation-scale-up) reverse,var(--animation-fade-out) reverse;animation-duration:.25s}}.stop.svelte-1yqq3e3>button:where(.svelte-1yqq3e3){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-1yqq3e3,.stop-wrap.svelte-1yqq3e3{position:absolute;max-inline-size:var(--size-5);display:grid;place-content:center;place-items:center;gap:var(--size-2);z-index:3}.hint.svelte-1yqq3e3{translate:-50% 0%}.hint.svelte-1yqq3e3>svg:where(.svelte-1yqq3e3){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-1yqq3e3:is(.hint>svg,.stop):active{cursor:grabbing}.pie.svelte-1yqq3e3{--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-1yqq3e3{--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-1yqq3e3:not(.dotted){--line-1: white}.dotted.visual.svelte-1yqq3e3{background-image:repeating-conic-gradient(var(--line-1),var(--line-1) 2%,#0000 0%,#0000 4%)}.visual-vert.svelte-1yqq3e3{--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-1yqq3e3{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-1yqq3e3{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-1yqq3e3{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;z-index:5}.dragzone.svelte-1yqq3e3:hover{--_shadow-size: var(--size-11)}.stops.svelte-1yqq3e3{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:grid;place-items:center;place-content:center;pointer-events:none}dialog.svelte-46e7pi{padding:0;margin-inline:auto var(--size-3);margin-block-start:var(--y, auto);margin-inline-start:var(--x, auto);transform:translateY(var(--anchor, 0))}@media (max-width: 1024px){dialog.svelte-46e7pi{margin-inline:var(--size-3) auto}}dialog.svelte-46e7pi::backdrop{background:#0000;-webkit-backdrop-filter:none;backdrop-filter:none}html{--conic-checkerboard: repeating-conic-gradient( var(--surface-3) 0% 25%, transparent 0% 50%);--gradient-checkerboard: var(--conic-checkerboard) 50% / 1rem 1rem}.hd-color-picker.svelte-46e7pi{display:grid;gap:0;border-radius:var(--radius-3)}.colorspace.svelte-46e7pi{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-46e7pi:not(:hover,:focus){--_bg: color-mix(in oklch, var(--counter-contrast-color), transparent 90%)}.colorspace.svelte-46e7pi:is(:hover,:focus){border-color:color-mix(in oklch,var(--counter-contrast-color),transparent 50%);color:var(--counter-contrast-color)}.preview.svelte-46e7pi{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-46e7pi{min-inline-size:var(--size-content-2)}}.preview.svelte-46e7pi>output>code{color:var(--contrast-color);background-color:var(--counter-contrast-color);text-shadow:0 1px 1px hsl(none none 0% / 25%)}.controls.svelte-46e7pi{display:grid;gap:var(--size-2);padding:var(--size-3);background-color:var(--surface-2)}@media (prefers-color-scheme: light){.controls.svelte-46e7pi{background-color:#fff}}.control.svelte-46e7pi{display:flex;place-items:center;gap:var(--size-2)}.control-channel.svelte-46e7pi{font-family:var(--font-mono);cursor:default}.control-input.svelte-46e7pi{flex:2;appearance:none;background-color:var(--surface-1);border-radius:var(--radius-round);block-size:1rem;box-shadow:var(--inner-shadow-0)}.alpha.svelte-46e7pi{background:linear-gradient(to right,#0000,#000),var(--gradient-checkerboard)}.control-input.svelte-46e7pi::-webkit-slider-thumb{--_border-size: 4px;cursor:grab;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-46e7pi:active::-webkit-slider-thumb{cursor:grabbing}.color-information.svelte-46e7pi{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-46e7pi>svg:where(.svelte-46e7pi){block-size:.9em;opacity:0;transition:opacity .3s ease}.color-information.svelte-46e7pi:is(:hover,:focus)>svg:where(.svelte-46e7pi){opacity:1}.gamut.svelte-46e7pi{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-b11qlg{display:flex;border:none;padding:0;gap:var(--size-1)}.switch.svelte-b11qlg{display:grid;grid:[pile] 1fr / [pile] 1fr;border-radius:var(--radius-round);border:1px solid transparent;padding:var(--size-2);place-content:center;color:oklch(from var(--text-2) l c h / 50%)}.switch.svelte-b11qlg:is(:where(.svelte-b11qlg):hover,:where(.svelte-b11qlg):focus-visble){border-color:var(--surface-3);color:var(--text-1)}.switch.svelte-b11qlg:has(input:where(.svelte-b11qlg):focus-visible){outline:1px solid var(--link)}.switch.svelte-b11qlg:has(input:where(.svelte-b11qlg):checked){color:var(--text-1);border-color:var(--link)}.switch.svelte-b11qlg>:where(.svelte-b11qlg){grid-area:pile}.switch.svelte-b11qlg>:is(input:where(.svelte-b11qlg),label:where(.svelte-b11qlg)){opacity:0;inline-size:0;block-size:0}.switch.svelte-b11qlg>svg:where(.svelte-b11qlg){max-inline-size:var(--size-4);fill:currentColor}.switch.svelte-b11qlg: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;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-15sy4l1{gap:var(--size-5)}.label-select-combo.svelte-15sy4l1{display:flex;gap:var(--size-3)}.select-wrap.svelte-15sy4l1{display:flex;flex:1;place-content:end}.inline-radios.svelte-i46kox{display:flex;gap:var(--size-5);align-items:center}.sidebar-body-wrapper.svelte-30g7rt{display:grid;grid-template-rows:auto 1fr;gap:var(--size-1);padding-block:var(--size-1)}.layers.svelte-30g7rt{display:flex;flex-direction:column;gap:var(--size-1);accent-color:var(--text-2)}@media (min-width: 1024px){.sidebar-body-wrapper.svelte-30g7rt{max-block-size:calc(100cqb - var(--size-content-1));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}}.layers .control-set{gap:var(--size-4)}.layer.svelte-30g7rt{padding:0}.layer-header.svelte-30g7rt{background:light-dark(white,var(--surface-3));display:grid;grid-auto-flow:column;grid-auto-columns:max-content 1fr max-content;align-items:center;gap:var(--size-3);box-shadow:var(--shadow-2);margin:0;padding-inline:var(--size-3);padding-block:var(--size-2);border-radius:0;position:sticky;top:0;z-index:1}.layer-thumb.svelte-30g7rt{inline-size:var(--size-7);block-size:var(--size-7);background-size:cover,12px 12px;background-repeat:no-repeat,repeat;box-shadow:var(--shadow-2) inset}.layer-body.svelte-30g7rt{transition:opacity .1s ease}.layer.svelte-30g7rt:not(:hover):not(.active) .layer-body:where(.svelte-30g7rt){opacity:.25}.layer-name.svelte-30g7rt{flex:1;color:var(--text-1);font-weight:700;-webkit-user-select:none;user-select:none}.icon.svelte-30g7rt{display:inline-grid;place-items:center;padding:var(--size-1);border-radius:var(--radius-round);aspect-ratio:var(--ratio-square);box-shadow:0 0 0 var(--_highlight-size) var(--_highlight)}.icon.danger.svelte-30g7rt{--_bg: var(--surface-4)}.layer-actions.svelte-30g7rt{position:relative;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)}.layer-actions.svelte-30g7rt>select:where(.svelte-30g7rt){--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}.end-of-layers.svelte-30g7rt{place-self:end;place-content:end;position:sticky;z-index:1;inset-block-end:0}.add-layer.svelte-30g7rt{padding:var(--size-2);margin:var(--size-3);border-radius:var(--radius-round);aspect-ratio:var(--ratio-square);border:1px solid oklch(from var(--surface-4) l c h / 25%);--_bg: var(--surface-3);--_icon-size: var(--size-6)}@media (prefers-color-scheme: light){.layers.svelte-30g7rt,.layer.svelte-30g7rt{background-color:var(--surface-1)}.layer-toggle.svelte-30g7rt,.add-layer.svelte-30g7rt{background-color:#fff}}.presets.svelte-lstuns{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);scrollbar-width:thin;border-block-start:1px solid var(--surface-1)}@media (prefers-color-scheme: light){.presets.svelte-lstuns{border-block-start-color:var(--surface-4)}}.presets.svelte-lstuns>p:where(.svelte-lstuns){font-size:var(--font-size-0);text-transform:uppercase;position:sticky;inline-size:max-content;inset-inline-start:0}.presets.svelte-lstuns .preset:where(.svelte-lstuns){scroll-snap-align:start}.scroller.svelte-lstuns{display:flex;gap:var(--size-3)}.preset.svelte-lstuns{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-1qhad4r{display:grid;place-items:end}.copyable-block.svelte-1qhad4r>:where(.svelte-1qhad4r){grid-area:1 / 1}.copy-code.svelte-1qhad4r{font-size:var(--font-size-0);z-index:var(--layer-1);padding-inline:var(--size-2);padding-block:var(--size-1)}.code-block.svelte-1qhad4r{opacity:0;max-inline-size:90cqi;max-block-size:65cqb;background-color:var(--gray-10);border-radius:var(--radius-3);cursor:auto}.code-block[has-loaded=true].svelte-1qhad4r{animation:var(--animation-fade-in) forwards}code[class*=language-]{font-family:var(--font-mono);font-size:var(--font-size-2)}.import-dialog.svelte-1b6vhk4::backdrop{background:color-mix(in oklab,black 60%,transparent)}.import-dialog.svelte-1b6vhk4{border:none;outline:none;padding:0;max-width:none;width:calc(100vw - (var(--size-5) * 2));margin-inline:var(--size-5);height:100vh;background:transparent}.panel.svelte-1b6vhk4{display:grid;grid-template-rows:auto 1fr auto;gap:var(--size-4);box-sizing:border-box;width:100%;height:100%;padding:var(--size-7);background:var(--surface-2, white);color:var(--text-1, black);border-radius:var(--radius-4);box-shadow:var(--shadow-4)}.editor.svelte-1b6vhk4{position:relative}.title.svelte-1b6vhk4{font-size:var(--font-size-2);text-align:center;margin:0}.editor.svelte-1b6vhk4 textarea:where(.svelte-1b6vhk4){width:100%;height:40vh;resize:none;background:var(--surface-1, var(--gray-9));color:var(--text-1, black);border:1px solid var(--surface-3);border-radius:var(--radius-3);padding:var(--size-3);font:400 14px/1.6 var(--font-mono);white-space:pre-wrap}.editor.ok.svelte-1b6vhk4 textarea:where(.svelte-1b6vhk4){border-color:var(--green-6)}.editor.bad.svelte-1b6vhk4 textarea:where(.svelte-1b6vhk4){border-color:var(--red-6)}.actions.svelte-1b6vhk4{display:flex;justify-content:flex-end;gap:var(--size-2)}html{scrollbar-color:var(--surface-4) #0000}.color-wrap.svelte-15mr0be{background:Canvas;padding:var(--size-3)}@media (prefers-color-scheme: light){.color-wrap.svelte-15mr0be{background:#ddd}}.gradient-builder.svelte-15mr0be{--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-15mr0be{--link: var(--gray-6)}}@media (min-width: 1024px){.gradient-builder.svelte-15mr0be{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-15mr0be{display:grid;margin-inline:auto;animation:var(--animation-fade-out) reverse;background:var(--gradient-checkerboard);box-shadow:var(--shadow-6)}.preview.svelte-15mr0be>:where(.svelte-15mr0be){grid-area:1/1}.resizer.svelte-15mr0be{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-15mr0be{block-size:75vh}}.menu-bar.svelte-15mr0be{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-15mr0be{display:grid;gap:var(--size-1);grid-template-rows:auto auto auto 1fr;background:var(--surface-2);padding-block:0;scrollbar-width:thin;accent-color:var(--surface-3)}@media (min-width: 1024px){.controls.svelte-15mr0be{block-size:100%;max-block-size:100vh;max-block-size:100dvh;overflow-y:auto;overscroll-behavior:contain}}.controls.svelte-15mr0be{counter-reset:count 0}.brand.svelte-15mr0be{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-15mr0be{background:var(--surface-1)}.brand.svelte-15mr0be{background:#fff}}.brand.svelte-15mr0be>h1{font-size:var(--font-size-3)}.preview-panel.svelte-15mr0be{display:grid;place-content:center;inline-size:100cqi;overflow:hidden;position:relative}@media (max-width: 1024px){.preview-panel.svelte-15mr0be{padding-block:var(--size-8)}}.code-preview-panel.svelte-15mr0be{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-15mr0be,.panel-actions.svelte-15mr0be{display:none}}.code-preview-panel.svelte-15mr0be .panel-actions:where(.svelte-15mr0be){inset-inline:var(--size-3) auto}.inline-snap-panels.svelte-15mr0be{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;scrollbar-width:thin;overflow:hidden}@media (min-width: 1024px){.inline-snap-panels.svelte-15mr0be{max-block-size:100vh;max-block-size:100dvh;overflow:auto}}@media (prefers-color-scheme: light){.inline-snap-panels.svelte-15mr0be{background:var(--surface-4)}}.inline-snap-panels.svelte-15mr0be>section:where(.svelte-15mr0be){scroll-snap-align:center}.panel-actions.svelte-15mr0be{position:absolute;inset-block-start:var(--size-3);inset-inline-end:var(--size-3)}.panel-actions.svelte-15mr0be>button:where(.svelte-15mr0be){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-15mr0be 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-15mr0be{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-15mr0be{place-content:end;padding:var(--size-3);margin-block-end:var(--size-fluid-2);text-align:center;position:sticky;bottom:0;z-index:1}.gradient-logo.svelte-15mr0be{--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);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-15mr0be{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-15mr0be{background:var(--surface-1)}}.brand.svelte-15mr0be{position:relative;text-align:center;padding-block:var(--size-3);box-shadow:var(--shadow-3)}.brand-name.svelte-15mr0be:hover>b:where(.svelte-15mr0be){color:#0ff;color:color(display-p3 0 1 1)}.hd-switch.svelte-15mr0be{cursor:pointer;position:absolute;inset-block-start:calc(var(--size-5) * -1.5);inset-inline-start:calc(var(--size-1) * -1)}.hd-switch.svelte-15mr0be>svg:where(.svelte-15mr0be){color:var(--text-1)}.hd-switch.svelte-15mr0be>input:where(.svelte-15mr0be){position:absolute;inset:0;background:none;appearance:none;width:32px;height:auto;aspect-ratio:1}.global-actions.svelte-15mr0be{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-15mr0be:not(:focus-within){--_bg: transparent}.global-actions.svelte-15mr0be:not(:active,:focus) select:where(.svelte-15mr0be){opacity:0}.global-actions.svelte-15mr0be>select:where(.svelte-15mr0be){position:absolute}body{display:grid}html{overscroll-behavior:none}@media (min-width: 1024px){html{overflow:hidden}}