.wrapper.svelte-kdpoe4{display:grid;gap:6px}label.svelte-kdpoe4{color:var(--text-300);font-size:.9rem;font-weight:500;padding-left:4px}.picker-container.svelte-kdpoe4{display:flex;align-items:center;gap:8px}.picker-ui.svelte-kdpoe4{flex-grow:1;display:flex;align-items:center;gap:12px;width:100%;border-radius:10px;background:var(--bg-750);padding:.5rem .75rem;border:2px solid var(--bg-650);transition:border-color .2s;position:relative;overflow:hidden}.picker-ui.svelte-kdpoe4:hover{border-color:var(--neon-green)}.picker-ui.svelte-kdpoe4:focus-within{border-color:var(--neon-green);box-shadow:0 0 0 3px var(--neon-green-glow)}.color-swatch-wrapper.svelte-kdpoe4{position:relative;width:24px;height:24px;flex-shrink:0;cursor:pointer}.color-swatch.svelte-kdpoe4{width:100%;height:100%;border-radius:6px;border:1px solid var(--bg-700)}.color-swatch.is-transparent.svelte-kdpoe4{background-image:linear-gradient(45deg,var(--bg-300) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-300) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-300) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-300) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}.hex-input.svelte-kdpoe4{color:var(--text-100);font-family:monospace;background:transparent;border:none;outline:none;width:90px}.native-color-input.svelte-kdpoe4{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0;margin:0}.clear-btn.svelte-kdpoe4{background:var(--bg-750);color:var(--text-300);border:none;border-radius:8px;width:42px;height:42px;display:grid;place-items:center;cursor:pointer;transition:background-color .2s,color .2s;flex-shrink:0}.clear-btn.svelte-kdpoe4:hover{background:var(--bg-700);color:var(--text-100)}