.picker-page.svelte-cniw7l{max-width:42rem;margin:0 auto;padding:2.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.canvas-wrap.svelte-cniw7l{position:relative;display:flex;flex-direction:column;align-items:center}.picker-canvas.svelte-cniw7l{border-radius:.75rem;cursor:crosshair;box-shadow:var(--shadow-panel)}.cursor-preview.svelte-cniw7l{position:absolute;pointer-events:none;z-index:10;width:32px;height:32px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #0000004d;display:flex;align-items:flex-end;justify-content:center}.cursor-hex.svelte-cniw7l{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:.625rem;font-weight:600;padding:1px 5px;border-radius:3px;background:#000000b3;color:#fff;white-space:nowrap}.color-result.svelte-cniw7l{display:flex;gap:1rem;padding:1rem;border-radius:1rem;background:var(--bg-panel);box-shadow:var(--shadow-panel)}.color-swatch.svelte-cniw7l{width:4rem;height:4rem;border-radius:.75rem;flex-shrink:0;border:1px solid var(--bg-separator)}.color-values.svelte-cniw7l{display:flex;flex-direction:column;gap:.375rem;flex:1}.color-row.svelte-cniw7l{display:flex;align-items:center;gap:.5rem}.color-label.svelte-cniw7l{font-size:.6875rem;font-weight:700;width:2rem;color:var(--fg-muted)}.color-code.svelte-cniw7l{font-size:.8125rem;flex:1;color:var(--fg)}.copy-btn.svelte-cniw7l{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:transparent;cursor:pointer;color:var(--fg-muted);border-radius:.25rem}.copy-btn.svelte-cniw7l:hover{background:var(--bg-panel-alt);color:var(--accent)}