.picker.svelte-13rslnh{display:inline-flex;position:relative}.trigger.svelte-13rslnh{background:var(--c-surface-2);color:inherit;cursor:pointer;justify-content:flex-start;font-weight:400}.trigger.svelte-13rslnh:hover{background:var(--c-surface-2)}.trigger.svelte-13rslnh:active{background:var(--c-surface-2);transform:none}.trigger.svelte-13rslnh:focus-visible{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-soft);outline:none}.swatch.svelte-13rslnh{border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);flex:none;width:1.875rem;height:1.875rem}.trigger.svelte-13rslnh:not(:has(.color-value)) .swatch:where(.svelte-13rslnh){width:100%;height:100%}.popup.svelte-13rslnh{top:var(--pop-top);left:var(--pop-left);z-index:60;gap:var(--space-3);width:16.5rem;padding:var(--space-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed}.sheet-bar.svelte-13rslnh{display:none}.area.svelte-13rslnh{border-radius:var(--radius-md);background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, var(--hue));cursor:crosshair;touch-action:none;height:10rem;position:relative}.area.svelte-13rslnh:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.thumb.svelte-13rslnh{pointer-events:none;border:2px solid #fff;border-radius:50%;width:1rem;height:1rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000073,0 1px 4px #0006}.hue.svelte-13rslnh{border-radius:var(--radius-full);appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);width:100%;height:.875rem;margin:0}.hue.svelte-13rslnh::-webkit-slider-thumb{background:var(--hue);appearance:none;border:2px solid #fff;border-radius:50%;width:1rem;height:1rem;box-shadow:0 0 0 1px #00000073}.hue.svelte-13rslnh::-moz-range-thumb{background:var(--hue);border:2px solid #fff;border-radius:50%;width:.75rem;height:.75rem;box-shadow:0 0 0 1px #00000073}.hue.svelte-13rslnh:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.row.svelte-13rslnh{align-items:center;gap:var(--space-2);display:flex}.preview.svelte-13rslnh{border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);flex:none;width:2.25rem;height:2.25rem}.hex-field.svelte-13rslnh{border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface-2);flex:1;align-items:center;min-width:0;height:2.25rem;padding:0 .6rem;display:flex}.hex-field.svelte-13rslnh:focus-within{border-color:var(--c-accent)}.hex-label.svelte-13rslnh{color:var(--c-text-3);font-size:var(--text-xs);font-weight:600}.hex.svelte-13rslnh{min-width:0;height:100%;color:var(--c-text);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;box-shadow:none;background:0 0;border:0;flex:1;padding:0 0 0 .5rem}.hex.svelte-13rslnh:focus{box-shadow:none;outline:none}.hex-field.svelte-13rslnh:has(.hex[aria-invalid=true]:where(.svelte-13rslnh)){border-color:var(--c-danger)}.hex-error.svelte-13rslnh{margin:calc(var(--space-2) * -1) 0 0;color:var(--c-danger);font-size:var(--text-xs)}.suggestions.svelte-13rslnh{grid-template-columns:repeat(9,1fr);gap:.375rem;display:grid}.suggestion.svelte-13rslnh{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid #ffffff24;width:100%;min-width:0;padding:0}.suggestion.svelte-13rslnh:hover,.suggestion.svelte-13rslnh:active{filter:brightness(1.1);transform:none}.suggestion.svelte-13rslnh:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}@media (width<=599px){.popup.svelte-13rslnh{width:auto;padding:var(--space-4) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-4), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));border-radius:var(--radius-xl) var(--radius-xl) 0 0;inset:auto 0 0}.sheet-bar.svelte-13rslnh{justify-content:space-between;align-items:center;display:flex}.sheet-title.svelte-13rslnh{font-size:var(--text-sm);font-weight:600}.area.svelte-13rslnh{height:12rem}.hue.svelte-13rslnh{height:1.25rem}.hue.svelte-13rslnh::-webkit-slider-thumb{width:1.5rem;height:1.5rem}}