.color-picker.svelte-13rslnh{align-items:center;gap:.5rem;width:100%;display:flex;position:relative}.color-picker.compact.svelte-13rslnh{gap:.375rem}.swatch-shell.svelte-13rslnh{background:linear-gradient(145deg,#fffffff2,#ffffffa6),repeating-conic-gradient(from 45deg,#94a3b833 0deg 25deg,#0000 25deg 50deg);border-radius:12px;flex-shrink:0;width:38px;height:38px;padding:2px;position:relative;box-shadow:0 8px 16px #0f172a1f,inset 0 0 0 1px #94a3b84d}.color-picker.compact.svelte-13rslnh .swatch-shell:where(.svelte-13rslnh){border-radius:10px;width:34px;height:34px}.swatch-shell.svelte-13rslnh:before{content:"";background:var(--swatch-color);pointer-events:none;border-radius:8px;position:absolute;inset:4px;box-shadow:inset 0 0 0 1px #0f172a26}.swatch-input.svelte-13rslnh{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.hex-input.svelte-13rslnh{letter-spacing:.03em;color:#1f2937;box-sizing:border-box;background:linear-gradient(#fff,#f8fafc);border:1px solid #d1d5db;border-radius:10px;flex:1;min-width:0;height:38px;padding:0 .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem}.color-picker.compact.svelte-13rslnh .hex-input:where(.svelte-13rslnh){border-radius:8px;height:34px;padding:0 .625rem;font-size:.8rem}.hex-input.svelte-13rslnh:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb29}.slider-row.svelte-13rslnh{align-items:center;gap:.5rem;display:flex}.slider-row.svelte-13rslnh input[type=range]:where(.svelte-13rslnh){appearance:none;background:0 0;border:none;outline:none;flex:1;width:100%;height:22px;margin:0;padding:0}.slider-row.svelte-13rslnh input[type=range]:where(.svelte-13rslnh)::-webkit-slider-runnable-track{border:1px solid #94a3b873;border-radius:999px;height:12px}.slider-row.svelte-13rslnh input[type=range]:where(.svelte-13rslnh)::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #fff;border-radius:999px;width:22px;height:22px;margin-top:-6px;box-shadow:0 3px 8px #0f172a59}.slider-row.svelte-13rslnh input[type=range]:where(.svelte-13rslnh)::-moz-range-track{border:1px solid #94a3b873;border-radius:999px;height:12px}.slider-row.svelte-13rslnh input[type=range]:where(.svelte-13rslnh)::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #fff;border-radius:999px;width:22px;height:22px;box-shadow:0 3px 8px #0f172a59}.slider-row.svelte-13rslnh input[type=range]:where(.svelte-13rslnh):focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #2563eb33,0 3px 8px #0f172a59}.slider-row.svelte-13rslnh input[type=range]:where(.svelte-13rslnh):focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #2563eb33,0 3px 8px #0f172a59}.swatch-shell.trigger.svelte-13rslnh{cursor:pointer;border:none}.picker-popover.svelte-13rslnh{z-index:35;background:#fff;border:1px solid #dbe3ef;border-radius:12px;flex-direction:column;gap:.6rem;width:min(320px,100vw - 3rem);padding:.6rem;display:flex;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 16px 36px #0f172a38}.color-field.svelte-13rslnh{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, var(--hue-color));cursor:crosshair;border-radius:10px;height:180px;position:relative;overflow:hidden}.field-thumb.svelte-13rslnh{pointer-events:none;border:2px solid #fff;border-radius:999px;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}.hue-slider.svelte-13rslnh{--hue-gradient:linear-gradient(90deg, #ff1f1f, #ffc700, #3dff3d, #00c8ff, #2f4bff, #cc3bff, #ff1f1f)}.hue-slider.svelte-13rslnh::-webkit-slider-runnable-track{background:var(--hue-gradient)}.hue-slider.svelte-13rslnh::-moz-range-track{background:var(--hue-gradient)}.value-slider.svelte-13rslnh{--value-checker:repeating-conic-gradient(from 45deg, #94a3b852 0deg 25deg, transparent 25deg 50deg);--value-gradient:linear-gradient(90deg, #0f172a, var(--value-color))}.value-slider.svelte-13rslnh::-webkit-slider-runnable-track{background:var(--value-gradient), var(--value-checker);background-size:auto,12px 12px}.value-slider.svelte-13rslnh::-moz-range-track{background:var(--value-gradient), var(--value-checker);background-size:auto,12px 12px}.swatches.svelte-13rslnh{grid-template-columns:repeat(6,1fr);gap:.35rem;display:grid}.swatch-btn.svelte-13rslnh{background:var(--swatch-color);cursor:pointer;border:none;border-radius:999px;height:18px;box-shadow:inset 0 0 0 1px #0f172a33}@media (width<=560px){.color-picker.svelte-13rslnh{gap:.375rem}}