.color-picker.svelte-7hs29g{display:flex;flex-direction:column;gap:8px;width:200px;-webkit-user-select:none;user-select:none}.sl-area.svelte-7hs29g{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-sm, 8px);overflow:hidden;cursor:crosshair}.sl-canvas.svelte-7hs29g{display:block;width:100%;height:100%}.sl-cursor.svelte-7hs29g{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 2px #0009;transform:translate(-50%,-50%);pointer-events:none}.bar-wrap.svelte-7hs29g{position:relative;height:16px;border-radius:8px;overflow:hidden;cursor:pointer}.bar-canvas.svelte-7hs29g{display:block;width:100%;height:100%;border-radius:8px}.bar-cursor.svelte-7hs29g{position:absolute;top:50%;width:6px;height:16px;background:#fff;border:1px solid rgba(0,0,0,.3);border-radius:3px;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 1px 3px #0000004d}.inputs-row.svelte-7hs29g{display:flex;gap:8px;align-items:center}.preview-swatch.svelte-7hs29g{width:32px;height:32px;border-radius:var(--radius-sm, 8px);border:2px solid var(--line-0, rgba(46, 94, 143, .34));flex-shrink:0;background-image: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:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.hex-input.svelte-7hs29g{flex:1;min-width:0;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:600;padding:6px 8px;border:2px solid var(--line-0, rgba(46, 94, 143, .34));border-radius:var(--radius-sm, 8px);background:var(--surface-1, #edf5fa);color:var(--ink-0, #0f253a);outline:none;text-transform:uppercase}.hex-input.svelte-7hs29g:focus{border-color:var(--blue-0, #5e90ff)}.rgb-row.svelte-7hs29g{display:flex;gap:4px}.rgb-field.svelte-7hs29g{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.rgb-field.svelte-7hs29g span:where(.svelte-7hs29g){font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2, #5a7894)}.rgb-field.svelte-7hs29g input:where(.svelte-7hs29g){width:100%;min-width:0;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600;padding:4px 2px;text-align:center;border:1.5px solid var(--line-0, rgba(46, 94, 143, .34));border-radius:6px;background:var(--surface-1, #edf5fa);color:var(--ink-0, #0f253a);outline:none;-moz-appearance:textfield}.rgb-field.svelte-7hs29g input:where(.svelte-7hs29g)::-webkit-outer-spin-button,.rgb-field.svelte-7hs29g input:where(.svelte-7hs29g)::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rgb-field.svelte-7hs29g input:where(.svelte-7hs29g):focus{border-color:var(--blue-0, #5e90ff)}