.inherit-badge.svelte-1mzvqsi{margin-left:auto;display:flex;align-items:center;align-self:center;font-size:.625rem;font-weight:var(--weight-semibold, 600);text-transform:uppercase;letter-spacing:.05em;padding:1px var(--space-1);border-radius:var(--radius-sm);background:var(--contrast-alpha-50);color:var(--color-text-muted);white-space:nowrap;height:20px;line-height:1}.satval.svelte-1q6o5tb{position:relative;width:100%;height:150px;border-radius:var(--radius-md);cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--hue),100%,50%));box-shadow:inset 0 0 0 1px var(--contrast-alpha-100)}.thumb.svelte-1q6o5tb{--size: 18px;--bw: 4px;position:absolute;box-sizing:border-box;width:var(--size);height:var(--size);left:calc((var(--size) - 2 * var(--bw)) / 2 + var(--sx) * (100% - var(--size) + 2 * var(--bw)));top:calc((var(--size) - 2 * var(--bw)) / 2 + var(--sy) * (100% - var(--size) + 2 * var(--bw)));border-radius:50%;background:transparent;border:var(--bw) solid #fff;box-shadow:0 0 0 10px #0000001a;transform:translate(-50%,-50%);pointer-events:none}.satval.svelte-1q6o5tb:focus-visible{outline:2px solid var(--contrast-1000);outline-offset:2px}.hue.svelte-1af0uqi{position:relative;width:100%;height:var(--cp-slider-h, 20px);border-radius:var(--cp-slider-radius, var(--radius-full));cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);box-shadow:inset 0 0 0 1px var(--contrast-alpha-100)}.thumb.svelte-1af0uqi{position:absolute;top:50%;left:calc(var(--cp-slider-h, 20px) / 2 + var(--p) * (100% - var(--cp-slider-h, 20px)));width:var(--cp-slider-thumb, 18px);height:var(--cp-slider-thumb, 18px);border-radius:50%;background:var(--cp-slider-thumb-bg, #fff);box-shadow:var(--cp-slider-thumb-shadow, 0 1px 2px rgba(0, 0, 0, .3));transform:translate(-50%,-50%);pointer-events:none}.hue.svelte-1af0uqi:focus-visible{outline:2px solid var(--contrast-400);outline-offset:2px}.alpha.svelte-ole4lo{position:relative;width:100%;height:var(--cp-slider-h, 20px);border-radius:var(--cp-slider-radius, var(--radius-full));cursor:pointer;touch-action:none;box-shadow:inset 0 0 0 1px var(--contrast-alpha-100);background-color:#fff;background-image:linear-gradient(to right,rgba(var(--rgb),0),rgba(var(--rgb),1)),linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:100% 100%,8px 8px,8px 8px,8px 8px,8px 8px;background-position:0 0,0 0,0 4px,4px -4px,-4px 0}.thumb.svelte-ole4lo{position:absolute;top:50%;left:calc(var(--cp-slider-h, 20px) / 2 + var(--p) * (100% - var(--cp-slider-h, 20px)));width:var(--cp-slider-thumb, 18px);height:var(--cp-slider-thumb, 18px);border-radius:50%;background:var(--cp-slider-thumb-bg, #fff);box-shadow:var(--cp-slider-thumb-shadow, 0 1px 2px rgba(0, 0, 0, .3));transform:translate(-50%,-50%);pointer-events:none}.alpha.svelte-ole4lo:focus-visible{outline:2px solid var(--contrast-400);outline-offset:2px}.swatch-group.svelte-1gcgwne{display:flex;flex-direction:column;gap:var(--space-1)}.swatch-heading.svelte-1gcgwne{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.swatches.svelte-1gcgwne{display:flex;flex-wrap:wrap;gap:var(--space-1)}.swatch-cell.svelte-1gcgwne{position:relative;line-height:0}.swatch.svelte-1gcgwne{width:20px;height:20px;border-radius:50%;padding:0;cursor:pointer;box-shadow:inset 0 0 0 2px var(--contrast-alpha-100)}.swatch.selected.svelte-1gcgwne{box-shadow:inset 0 0 0 2px var(--contrast-1000)}.swatch.add.svelte-1gcgwne{display:inline-flex;align-items:center;justify-content:center;background:none;color:var(--color-text-muted);border:1px dashed var(--contrast-alpha-300);box-shadow:none}.swatch.add.svelte-1gcgwne:hover{color:var(--color-text);border-color:var(--contrast-400)}.remove.svelte-1gcgwne{position:absolute;top:-5px;right:-5px;width:14px;height:14px;padding:0;display:none;align-items:center;justify-content:center;border-radius:50%;background:var(--color-text);color:var(--color-surface);cursor:pointer}.swatch-cell.svelte-1gcgwne:hover .remove:where(.svelte-1gcgwne),.swatch-cell.svelte-1gcgwne:focus-within .remove:where(.svelte-1gcgwne){display:inline-flex}.gradient-bar.svelte-y0qyng{padding-top:var(--space-3)}.track.svelte-y0qyng{position:relative;height:20px;border-radius:var(--radius-sm);cursor:copy;touch-action:none;box-shadow:inset 0 0 0 1px var(--contrast-alpha-100)}.fill.svelte-y0qyng{position:absolute;inset:0;border-radius:inherit}.handle.svelte-y0qyng{position:absolute;top:50%;width:14px;height:14px;padding:0;border-radius:50%;background:var(--stop-color);border:2px solid #fff;box-shadow:0 0 0 1px #00000059,0 1px 2px #0006;transform:translate(-50%,-50%);cursor:grab;touch-action:none}.handle.active.svelte-y0qyng{width:18px;height:18px;box-shadow:0 0 0 1px #00000059,0 0 0 3px var(--contrast-500);z-index:1}.handle.svelte-y0qyng:active{cursor:grabbing}.handle.svelte-y0qyng:focus-visible{outline:2px solid var(--contrast-1000);outline-offset:2px}.angle-control.svelte-1sjz4g4{display:flex;align-items:center;gap:var(--space-2)}.dial.svelte-1sjz4g4{position:relative;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--contrast-alpha-100);box-shadow:inset 0 0 0 1px var(--contrast-alpha-200);cursor:grab;touch-action:none}.dial.svelte-1sjz4g4:active{cursor:grabbing}.knob.svelte-1sjz4g4{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:var(--color-text);transform:translate(-50%,-50%) rotate(calc(var(--angle) * 1deg)) translateY(-11px)}.dial.svelte-1sjz4g4:focus-visible{outline:2px solid var(--contrast-400);outline-offset:2px}.angle-num.svelte-1sjz4g4{display:flex;align-items:center;gap:2px}.angle-input.svelte-1sjz4g4{--field-input-h: auto;width:46px;border:none;border-bottom:1px solid var(--contrast-alpha-300);border-radius:0;background:none;padding:var(--space-2) 0;font-size:var(--text-xs);font-weight:600;color:var(--color-text);text-align:center;appearance:textfield;-moz-appearance:textfield}.angle-input.svelte-1sjz4g4:focus{outline:none;border-bottom-color:var(--contrast-500)}.angle-input.svelte-1sjz4g4::-webkit-outer-spin-button,.angle-input.svelte-1sjz4g4::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.angle-num.svelte-1sjz4g4 span:where(.svelte-1sjz4g4){font-size:var(--text-xs);color:var(--color-text-muted)}.picker-footer.svelte-mr0ing{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.more-toggle.svelte-mr0ing,.clear-btn.svelte-mr0ing,.picker-close.svelte-mr0ing{display:flex;align-items:center;gap:var(--space-1);padding:0;background:none;border:none;cursor:pointer;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.more-toggle.svelte-mr0ing:hover,.clear-btn.svelte-mr0ing:hover,.picker-close.svelte-mr0ing:hover{color:var(--color-text)}.chevron.svelte-mr0ing{display:inline-flex;line-height:0;transition:transform .15s ease}.chevron.open.svelte-mr0ing{transform:rotate(180deg)}.color-picker.svelte-mr0ing{position:relative;display:flex;flex-direction:column;gap:var(--space-3);width:270px;padding:var(--space-6);--cp-slider-h: 20px;--cp-slider-thumb: 16px;--cp-slider-radius: var(--radius-full);--cp-slider-thumb-bg: #fff;--cp-slider-thumb-shadow: 0 1px 2px rgba(0, 0, 0, .74)}.picker-close.svelte-mr0ing{position:absolute;top:var(--space-1);right:0;padding:var(--space-1);line-height:0}.gradient-controls.svelte-mr0ing{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.remove-stop.svelte-mr0ing{padding:0;border:none;background:none;cursor:pointer;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.remove-stop.svelte-mr0ing:hover{color:var(--color-danger, var(--color-text))}.slider-row.svelte-mr0ing{display:flex;align-items:center;gap:var(--space-2)}.sliders.svelte-mr0ing{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.eyedropper.svelte-mr0ing{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;color:var(--color-text-muted);cursor:pointer}.eyedropper.svelte-mr0ing:hover{color:var(--color-text);border-color:var(--contrast-400)}.inputs.svelte-mr0ing{display:flex;align-items:center;gap:var(--space-2)}.format-toggle.svelte-mr0ing{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:.6em;font-weight:700;letter-spacing:.04em;color:var(--color-text-muted)}.format-toggle.svelte-mr0ing:hover{color:var(--color-text)}.u-input.svelte-mr0ing{--field-input-h:auto;border:none;border-bottom:1px solid var(--contrast-alpha-300);border-radius:0;background:none;padding:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-text);text-align:center}.u-input.svelte-mr0ing:focus{outline:none;border-bottom-color:var(--contrast-500)}.hex-input.svelte-mr0ing{flex:1;min-width:0;text-transform:uppercase;text-align:left}.rgb-inputs.svelte-mr0ing{flex:1;display:flex;gap:var(--space-2);min-width:0}.rgb-inputs.svelte-mr0ing .u-input:where(.svelte-mr0ing){width:100%;min-width:0;appearance:textfield;-moz-appearance:textfield}.rgb-inputs.svelte-mr0ing .u-input:where(.svelte-mr0ing)::-webkit-outer-spin-button,.rgb-inputs.svelte-mr0ing .u-input:where(.svelte-mr0ing)::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.opacity-input.svelte-mr0ing{display:flex;align-items:center;gap:2px;flex-shrink:0}.opacity-input.svelte-mr0ing .u-input:where(.svelte-mr0ing){width:40px;appearance:textfield;-moz-appearance:textfield}.opacity-input.svelte-mr0ing .u-input:where(.svelte-mr0ing)::-webkit-outer-spin-button,.opacity-input.svelte-mr0ing .u-input:where(.svelte-mr0ing)::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.opacity-input.svelte-mr0ing span:where(.svelte-mr0ing){font-size:var(--text-xs);color:var(--color-text-muted)}.popover.color-popover{z-index:100000}.color-trigger-row.svelte-1ddd4te{display:inline-flex;align-items:center;gap:var(--space-2)}.color-trigger-row.inline.svelte-1ddd4te{width:100%;justify-content:flex-start;gap:var(--space-3);min-height:var(--space-7);cursor:pointer}.color-inline-label.svelte-1ddd4te{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.color-trigger-row.with-value.svelte-1ddd4te{display:flex;justify-content:space-between;width:100%}.color-trigger.svelte-1ddd4te{background:none;border:none;cursor:pointer;display:inline-block;line-height:0;border-radius:50%;padding:0}.color-trigger.framed.svelte-1ddd4te{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--frame);height:var(--frame);border:2px dotted var(--contrast-alpha-200);border-radius:var(--radius-sm)}.color-value.svelte-1ddd4te{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-dot.svelte-1ddd4te{display:inline-block;width:var(--dot-size);height:var(--dot-size);border-radius:50%;border:4px solid var(--contrast-alpha-200);box-sizing:border-box}