.pill-handle.svelte-1idjho0{position:relative;width:16px;height:48px;border-radius:8px;transform:translate(-50%)}.pill-inner.svelte-1idjho0{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px}.pill-border.svelte-1idjho0{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;border:2px solid var(--color-border-secondary);box-shadow:0 1px 3px #0000004d;transition:all .15s ease;pointer-events:none}.pill-border.selected.svelte-1idjho0{transform:scale(1.1);border-width:3px;z-index:10}.position-display.svelte-1idjho0{position:absolute;top:100%;left:0;transform:translate(-50%);margin-top:5px;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-secondary);border-radius:4px;padding:2px;box-shadow:0 1px 2px #0003;width:48px;text-align:center}.position-input.svelte-1idjho0{width:40px;border:none;text-align:center;font-size:12px;padding:2px;background:transparent;color:var(--color-text-primary);-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.position-input.svelte-1idjho0::-webkit-outer-spin-button,.position-input.svelte-1idjho0::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bg-checkerboard.svelte-1m4i9f3{background-image:linear-gradient(45deg,#444 25%,transparent 25%),linear-gradient(-45deg,#444 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#444 75%),linear-gradient(-45deg,transparent 75%,#444 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}:root{--checkerboard-pattern: 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%)}.bg-checkerboard.svelte-mj7lkl{background-image:var(--checkerboard-pattern);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.color-picker-layout.svelte-mj7lkl{display:flex;gap:8px}.left-column.svelte-mj7lkl{display:flex;flex-direction:column;gap:16px;width:auto}.right-column.svelte-mj7lkl{display:flex;flex-direction:column;flex:1;gap:0}.top-left.svelte-mj7lkl{border-radius:8px;display:flex;align-items:center;height:40px;padding:8px 8px 0}.top-right.svelte-mj7lkl{width:100%;border-top-left-radius:8px;border-top-right-radius:8px}.bottom-left.svelte-mj7lkl{flex:1;border-radius:8px}.bottom-right.svelte-mj7lkl{width:100%;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.grid-section.svelte-mj7lkl{padding:8px;background-color:var(--color-bg-primary)}.right-column.svelte-mj7lkl .top-right:where(.svelte-mj7lkl){border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.right-column.svelte-mj7lkl .bottom-right:where(.svelte-mj7lkl){border-top:none;border-top-left-radius:0;border-top-right-radius:0}.color-input-container.svelte-mj7lkl{width:100%;min-width:0}.color-input-wrapper.svelte-mj7lkl{width:100%;height:40px;display:flex;align-items:center}.flex.items-center.space-x-1.color-input-container.svelte-mj7lkl,.grid.grid-cols-4.gap-1.color-input-container.svelte-mj7lkl{width:100%;max-width:100%}#hex-input.svelte-mj7lkl{width:100%;max-width:calc(100% - 70px)}.rgb-label.svelte-mj7lkl{width:10px;font-size:12px;font-weight:700;color:var(--color-text-secondary);margin-right:2px;margin-left:6px;padding:0}.no-spinner.svelte-mj7lkl::-webkit-outer-spin-button,.no-spinner.svelte-mj7lkl::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinner.svelte-mj7lkl{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.color-stops-column.svelte-mj7lkl{display:flex;flex-direction:column;gap:6px;width:32px}.color-stop-item.svelte-mj7lkl{position:relative;width:32px;height:32px;cursor:pointer;transition:all .15s ease}.color-stop-item.svelte-mj7lkl:not(.selected){border-radius:8px;width:32px;height:12px}.color-stop-item.selected.svelte-mj7lkl{border-radius:8px;transform:scale(1.1)}.border-accent.svelte-mj7lkl{border-color:var(--color-border-accent)}.border-secondary.svelte-mj7lkl{border-color:var(--color-border-secondary)}.IroSlider{margin-top:0!important}.IroColorPicker{padding:0!important;margin:0!important}.toggle-switch-container.svelte-15orimn{display:flex;justify-content:flex-start;width:100%}.toggle-switch.svelte-15orimn{display:flex;background-color:var(--color-bg-tertiary);border-radius:.5rem;overflow:hidden;position:relative;border:1px solid var(--color-border-primary);width:100%}.toggle-option.svelte-15orimn{padding:.5rem 1.5rem;font-size:.875rem;font-weight:500;border:none;background:transparent;position:relative;cursor:pointer;transition:color .2s,background-color .2s;color:var(--color-text-secondary);z-index:1;flex:1;text-align:center}.toggle-option.svelte-15orimn:hover:not(.active){color:var(--color-text-primary);background-color:color-mix(in srgb,transparent 90%,var(--color-accent-primary))}.toggle-option.active.svelte-15orimn{color:#fff;font-weight:600}.toggle-switch.svelte-15orimn:before{content:"";position:absolute;top:.125rem;left:.125rem;height:calc(100% - .25rem);width:calc(33.333% - .25rem);background-color:var(--color-bg-accent);border-radius:.375rem;transition:none;box-shadow:0 1px 2px #0003}.toggle-switch.radial.svelte-15orimn:before{transform:translate(calc(100% + .25rem))}.toggle-switch.conic.svelte-15orimn:before{transform:translate(calc(200% + .5rem))}.toggle-switch-container.svelte-1wws2o6{display:flex;justify-content:flex-start;width:100%}.toggle-switch.svelte-1wws2o6{display:flex;background-color:var(--color-bg-tertiary);border-radius:.5rem;overflow:hidden;position:relative;border:1px solid var(--color-border-primary);width:100%}.toggle-option.svelte-1wws2o6{padding:.5rem;font-size:.875rem;font-weight:500;border:none;background:transparent;position:relative;cursor:pointer;transition:color .2s,background-color .2s;color:var(--color-text-secondary);z-index:1;flex:1;text-align:center}.toggle-option.svelte-1wws2o6:hover:not(.active){color:var(--color-text-primary);background-color:color-mix(in srgb,transparent 90%,var(--color-accent-primary))}.toggle-option.active.svelte-1wws2o6{color:#fff;font-weight:600}.toggle-switch.svelte-1wws2o6:before{content:"";position:absolute;top:.125rem;left:.125rem;height:calc(100% - .25rem);width:calc(25% - .25rem);background-color:var(--color-bg-accent);border-radius:.375rem;transition:none;box-shadow:0 1px 2px #0003}.toggle-switch.jpeg.svelte-1wws2o6:before{transform:translate(calc(100% + .25rem))}.toggle-switch.webp.svelte-1wws2o6:before{transform:translate(calc(200% + .5rem))}.toggle-switch.svg.svelte-1wws2o6:before{transform:translate(calc(300% + .75rem))}.toggle-switch-container.svelte-5q8e81{display:flex;justify-content:flex-start}.toggle-switch.svelte-5q8e81{display:flex;background-color:var(--color-bg-tertiary);border-radius:.5rem;overflow:hidden;position:relative;border:1px solid var(--color-border-primary)}.toggle-option.svelte-5q8e81{padding:.5rem .75rem;font-size:.875rem;font-weight:500;border:none;background:transparent;position:relative;cursor:pointer;transition:color .2s,background-color .2s;color:var(--color-text-secondary);z-index:1;flex:1;text-align:center}.toggle-option.svelte-5q8e81:hover:not(.active){color:var(--color-text-primary);background-color:color-mix(in srgb,transparent 90%,var(--color-accent-primary))}.toggle-option.active.svelte-5q8e81{color:#fff;font-weight:600}.toggle-switch.svelte-5q8e81:before{content:"";position:absolute;top:.125rem;left:.125rem;height:calc(100% - .25rem);width:calc(50% - .25rem);background-color:var(--color-bg-accent);border-radius:.375rem;transition:none;box-shadow:0 1px 2px #0003}.toggle-switch.svelte-5q8e81:has(.toggle-option:nth-child(2).active:where(.svelte-5q8e81)):before,.toggle-switch.hex.svelte-5q8e81:before{transform:translate(calc(100% + .25rem))}.gradient-presets-column.svelte-1qyi5bv{display:flex;flex-direction:column;align-items:center;padding:.5rem;gap:.5rem;position:relative;transition:width .3s ease,opacity .3s ease;width:4rem;overflow:hidden}.gradient-presets-column.collapsed.svelte-1qyi5bv{width:2rem;min-height:200px}.gradient-presets-column.collapsed.svelte-1qyi5bv .preset-buttons:where(.svelte-1qyi5bv){opacity:0;visibility:hidden}.collapse-toggle.svelte-1qyi5bv{position:sticky;top:0;z-index:10;margin-bottom:.5rem}.arrow-icon.svelte-1qyi5bv{display:inline-block;transition:transform .3s ease;opacity:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.arrow-icon.collapsed.svelte-1qyi5bv{transform:rotate(-90deg)}.vertical-presets-heading.svelte-1qyi5bv{writing-mode:vertical-rl;transform:rotate(180deg);font-size:1.6rem;letter-spacing:.05em;margin:0;text-align:center;transition:opacity .3s ease,visibility .3s ease;position:absolute;top:10rem;transform-origin:top center;height:auto;opacity:0;visibility:hidden;color:var(--color-text-heading);font-weight:var(--font-weight-heading)}.vertical-presets-heading.visible.svelte-1qyi5bv{opacity:1;visibility:visible}.vertical-presets-heading.hidden.svelte-1qyi5bv{opacity:0;visibility:hidden}.preset-buttons.svelte-1qyi5bv{display:flex;flex-direction:column;gap:.75rem;width:100%;transition:opacity .3s ease,visibility .3s ease;opacity:1;visibility:visible}.preset-button.svelte-1qyi5bv{width:3rem;height:3rem;border-radius:.5rem;cursor:pointer;border:2px solid var(--color-border-secondary);transition:all .2s ease-in-out;box-shadow:0 2px 4px #0003}.preset-button.svelte-1qyi5bv:hover{transform:scale(1.05);border-color:var(--color-accent-primary);box-shadow:0 4px 8px #0000004d}.gradient-border{border:0px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box}.sr-only.svelte-uyn4s8{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.vertical-text.svelte-uyn4s8{writing-mode:vertical-rl;transform:rotate(180deg);position:absolute;left:-50px;top:40px;font-weight:700;letter-spacing:.05em}