.sd-color-slider.svelte-1egag4h{width:100%}.slider-value-wrapper.svelte-1egag4h{display:flex;align-items:center;gap:2px;width:60px}.slider-value-wrapper.svelte-1egag4h:has(:where(.svelte-1egag4h):focus-visible){outline:2px solid var(--color-accent-blue);outline-offset:2px}.slider-number.svelte-1egag4h{flex:1;min-width:0;text-align:right;background:none;border:none;outline:none;color:inherit;font:inherit;padding:0;-moz-appearance:textfield;appearance:textfield}.slider-number.svelte-1egag4h::-webkit-outer-spin-button,.slider-number.svelte-1egag4h::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit.svelte-1egag4h{color:var(--color-text-secondary, rgba(255, 255, 255, .5))}.sd-color-slider[data-size=xsmall].svelte-1egag4h .slider-track:where(.svelte-1egag4h){height:var(--xsmall-height, 24px)}.sd-color-slider[data-size=small].svelte-1egag4h .slider-track:where(.svelte-1egag4h){height:var(--small-height, 32px)}.sd-color-slider[data-size=medium].svelte-1egag4h .slider-track:where(.svelte-1egag4h){height:var(--medium-height, 40px)}.sd-color-slider[data-size=large].svelte-1egag4h .slider-track:where(.svelte-1egag4h){height:var(--large-height, 48px)}.slider-track.svelte-1egag4h{background:var(--color-surface-raised, #2e2e2e);position:relative;cursor:text;overflow:hidden;border-radius:4px;-webkit-user-select:none;user-select:none}.slider-background.svelte-1egag4h{position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.1) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.slider-indicator.svelte-1egag4h{position:absolute;top:-1px;bottom:-1px;width:4px;transform:translate(-2px);background:var(--color-text-primary, #ffffff);box-shadow:0 0 0 1px #0006,0 2px 4px #0003;border-radius:2px;pointer-events:none;z-index:10}.slider-segments.svelte-umvno7{position:absolute;inset:0}.slider-segment.svelte-umvno7{position:absolute;top:0;bottom:0}.p3-segments.svelte-umvno7{position:absolute;left:0;right:0;top:0;height:50%;pointer-events:none}.p3-segment.svelte-umvno7{position:absolute;top:0;bottom:0;opacity:1}.gamut-lines.svelte-umvno7{position:absolute;inset:0;pointer-events:none}.gamut-line.svelte-umvno7{position:absolute;top:0;bottom:0;width:1px;background:#aa82ff8c;box-shadow:0 0 0 1px #00000040}.slider-segments.svelte-h7f9y4{position:absolute;inset:0}.slider-segment.svelte-h7f9y4{position:absolute;top:0;bottom:0}.p3-segment.svelte-h7f9y4{position:absolute;top:0;height:50%;opacity:1}.gamut-line.svelte-h7f9y4{position:absolute;top:0;bottom:0;width:1px;background:#aa82ff8c;box-shadow:0 0 0 1px #00000040;pointer-events:none}.gamut-line.is-p3.svelte-h7f9y4{background:#50dcc88c}.ghost-indicator.svelte-h7f9y4{position:absolute;top:0;bottom:0;width:4px;transform:translate(-2px);background:#64c8ff99;box-shadow:0 0 0 1px #64c8ffcc,0 2px 6px #00000059;border-radius:2px;pointer-events:none;z-index:1}.ghost-indicator.auto-mode.svelte-h7f9y4{background:#64ff96d9;box-shadow:0 0 0 1px #64ff96e6,0 2px 6px #00000059}.slider-canvas.svelte-qqgaz2{position:absolute;top:0;left:0;width:100%;height:100%}.checkerboard.svelte-f5fgzg{position:absolute;inset:0;background:var(--alpha-checkered-bg-dark)}.alpha-fill.svelte-f5fgzg{position:absolute;inset:0}.stops-bar-group.svelte-1b55cw0{width:100%}.stops-bar.svelte-1b55cw0{position:relative;height:var(--small-height, 32px);border-radius:4px;cursor:crosshair;overflow:visible}.stops-bar-group[data-size=medium].svelte-1b55cw0 .stops-bar:where(.svelte-1b55cw0){height:var(--medium-height, 40px)}.bar-checkered.svelte-1b55cw0{position:absolute;inset:0;border-radius:4px;background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.1) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.bar-gradient.svelte-1b55cw0{position:absolute;inset:0;border-radius:4px;z-index:1}.stop-handle.svelte-1b55cw0{position:absolute;top:-1px;bottom:-1px;width:4px;transform:translate(-2px);cursor:grab;z-index:2;background:var(--color-text-primary, #ffffff);box-shadow:0 0 0 1px #0006,0 2px 4px #0003;border-radius:2px;opacity:.6;transition:opacity .1s ease}.stop-handle.svelte-1b55cw0:hover{opacity:.85}.stop-handle.selected.svelte-1b55cw0{opacity:1;box-shadow:0 0 0 1px #0006,0 0 0 3px #ffffff40,0 2px 6px #0006}.stop-handle.svelte-1b55cw0:active,.stop-handle.dragging.svelte-1b55cw0{cursor:grabbing;z-index:3;opacity:1}.handle-color.svelte-1b55cw0{display:none}.stop-row.svelte-tlod4a{display:flex;align-items:center;gap:var(--small-gap, 8px);border-radius:4px;cursor:default}.stop-swatch.svelte-tlod4a{width:var(--small-height, 32px);height:var(--small-height, 32px);border-radius:3px;border:1px solid rgba(128,128,128,.4);cursor:pointer;flex-shrink:0;transition:border-color .15s ease}.stop-swatch.svelte-tlod4a:hover{border-color:#ffffff80}.stop-input-wrapper.svelte-tlod4a{display:flex;align-items:center;gap:2px;box-sizing:border-box}.stop-input-wrapper.svelte-tlod4a:first-of-type{flex:1;min-width:0}.stop-input-wrapper.svelte-tlod4a:has(:where(.svelte-tlod4a):focus-visible){outline:2px solid var(--color-accent-blue, rgba(99, 102, 241, .6));outline-offset:2px}.stop-position-group.svelte-tlod4a{width:60px}.stop-input.svelte-tlod4a{flex:1;min-width:0;background:none;border:none;outline:none;color:inherit;font:inherit;font-family:Geist Mono,monospace;padding:0;-moz-appearance:textfield;appearance:textfield}.stop-input.svelte-tlod4a::-webkit-outer-spin-button,.stop-input.svelte-tlod4a::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stop-input.is-ref.svelte-tlod4a{color:#fff562}.stop-input.svelte-tlod4a::placeholder{color:#ffffff40}.stop-position.svelte-tlod4a{text-align:right}.stop-position.implicit.svelte-tlod4a{color:#ffffff59}.unit.svelte-tlod4a{color:var(--color-text-secondary, rgba(255, 255, 255, .5));flex-shrink:0;pointer-events:none}.stop-remove.svelte-tlod4a{flex-shrink:0}.stop-row[data-size=medium].svelte-tlod4a{gap:var(--medium-gap, 10px)}.stop-row[data-size=medium].svelte-tlod4a .stop-swatch:where(.svelte-tlod4a){width:var(--medium-height, 40px);height:var(--medium-height, 40px)}