.picker-layout.svelte-1kg1vie{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.sl-square.svelte-1kg1vie{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);position:relative;cursor:crosshair;user-select:none;border:1px solid var(--border);margin-bottom:16px}.sl-dot.svelte-1kg1vie{position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0006;transform:translate(-50%,-50%);pointer-events:none}.sl-dot.light.svelte-1kg1vie{border-color:#333}.slider-row.svelte-1kg1vie{display:flex;align-items:center;gap:10px;margin-bottom:10px}.slider-label.svelte-1kg1vie{width:16px;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;font-weight:700;flex-shrink:0}.slider-val.svelte-1kg1vie{width:38px;font-size:.75rem;color:var(--text-muted);text-align:right;flex-shrink:0}input[type=range].svelte-1kg1vie{flex:1;height:10px;border-radius:5px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}input[type=range].svelte-1kg1vie::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.3);box-shadow:0 1px 4px #0006;cursor:pointer}.hue-slider.svelte-1kg1vie{background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red)}.sat-slider.svelte-1kg1vie{background:linear-gradient(to right,var(--sl-start),var(--sl-end))}.lig-slider.svelte-1kg1vie{background:linear-gradient(to right,var(--ll-start),var(--ll-end))}.alpha-slider.svelte-1kg1vie{background:linear-gradient(to right,transparent,var(--alpha-color)),repeating-conic-gradient(#888 0% 25%,#555 0% 50%) 0 0 / 12px 12px}.swatch-big.svelte-1kg1vie{width:100%;height:60px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid var(--border);margin-top:6px}.swatch-label.svelte-1kg1vie{font-size:.85rem;font-weight:700;font-family:monospace;color:#ffffffe6;letter-spacing:.06em;text-shadow:0 1px 3px rgba(0,0,0,.5)}.swatch-label.dark.svelte-1kg1vie{color:#000000bf;text-shadow:none}.formats-panel.svelte-1kg1vie{display:flex;flex-direction:column;gap:0}.manual-row.svelte-1kg1vie{display:flex;gap:8px;margin-bottom:6px}.manual-input.svelte-1kg1vie{flex:1;font-family:monospace;font-size:.85rem}.parse-btn.svelte-1kg1vie{background:var(--accent);border:none;color:#fff;border-radius:var(--radius-sm);padding:0 14px;cursor:pointer;font-size:.8rem;font-weight:600;transition:opacity .15s}.parse-btn.svelte-1kg1vie:hover{opacity:.85}.parse-error.svelte-1kg1vie{font-size:.78rem;color:#ef4444;margin:0 0 8px}.format-list.svelte-1kg1vie{display:flex;flex-direction:column;gap:6px;margin-top:8px}.format-row.svelte-1kg1vie{display:grid;grid-template-columns:52px 1fr 46px;align-items:center;gap:10px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer;transition:border-color .15s}.format-row.svelte-1kg1vie:hover{border-color:var(--accent)}.fmt-label.svelte-1kg1vie{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.fmt-value.svelte-1kg1vie{font-size:.82rem;color:var(--text);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fmt-copy.svelte-1kg1vie{font-size:.72rem;color:var(--accent-light);text-align:right;white-space:nowrap}.named-badge.svelte-1kg1vie{margin-top:12px;padding:8px 12px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.named-badge.svelte-1kg1vie strong:where(.svelte-1kg1vie){color:var(--accent-light)}@media (max-width: 580px){.picker-layout.svelte-1kg1vie{grid-template-columns:1fr}}