.gradient-stops-editor.svelte-xf2c60{align-items:center;gap:var(--spacing-md);display:flex}.gradient-bar-wrapper.svelte-xf2c60{cursor:crosshair;width:200px;min-width:200px;height:16px;position:relative}.stops-bar-slot-fill{flex:1;min-width:0}.gradient-bar-wrapper.fill.svelte-xf2c60{flex:1;width:auto;min-width:0}.gradient-bar.svelte-xf2c60{border:1px solid var(--border-color);width:100%;height:100%;box-shadow:inset 0 1px 2px var(--shadow);border-radius:3px;position:relative;overflow:hidden}.checkerboard-bg.svelte-xf2c60{background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-size:8px 8px;position:absolute;inset:0}.gradient-overlay.svelte-xf2c60{position:absolute;inset:0}.stop-handle.svelte-xf2c60{width:12px;height:12px;margin-inline-start:-6px;margin-top:var(--spacing-xs);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:grab;touch-action:none;padding:0;transition:transform .1s;position:absolute;top:100%;overflow:hidden}.stop-handle.svelte-xf2c60:active{cursor:grabbing}.stop-handle.edge.svelte-xf2c60{cursor:pointer;border-radius:var(--radius-full)}.stop-handle.dropping.svelte-xf2c60{filter:grayscale();opacity:.45;border-style:dashed}.stop-handle.selected.svelte-xf2c60{border-color:var(--accent-color);z-index:10;transform:scale(1.2)}.handle-checkerboard.svelte-xf2c60{background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-size:4px 4px;position:absolute;inset:0}.handle-color.svelte-xf2c60{position:absolute;inset:0}.stop-arrow.svelte-xf2c60{margin-inline-start:-4px;margin-bottom:var(--spacing-xs);border-bottom:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;bottom:100%;left:50%}@media (pointer:coarse){.gradient-bar-wrapper.svelte-xf2c60{height:24px}.stop-handle.svelte-xf2c60{width:22px;height:22px;margin-inline-start:-11px}}@media (pointer:fine){.gradient-bar-wrapper.svelte-xf2c60:not(.fill){height:22px}.gradient-bar-wrapper.svelte-xf2c60:not(.fill) .gradient-bar:where(.svelte-xf2c60){height:9px}.gradient-bar-wrapper.svelte-xf2c60:not(.fill) .stop-handle:where(.svelte-xf2c60){margin-top:0;top:10px}}.selected-stop-controls.svelte-xf2c60{align-items:center;gap:var(--spacing-sm);display:flex}.color-swatch.svelte-xf2c60{border:1px solid var(--border-color);cursor:pointer;border-radius:3px;width:20px;height:20px;padding:0;transition:transform .1s;position:relative;overflow:hidden}.color-swatch.svelte-xf2c60:hover{transform:scale(1.1)}.swatch-checkerboard.svelte-xf2c60{background-image:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%);background-size:6px 6px;position:absolute;inset:0}.swatch-color.svelte-xf2c60{position:absolute;inset:0}.position-input.svelte-xf2c60{align-items:center;gap:var(--spacing-xs);display:flex}.position-input.svelte-xf2c60 input{text-align:center;width:36px}.percent-label.svelte-xf2c60{color:var(--text-secondary);font-size:11px}