.shades-tints.svelte-10eox5d{max-width:640px;margin:0 auto}.input-section.svelte-10eox5d{margin-bottom:1rem}.input-section.svelte-10eox5d label:where(.svelte-10eox5d){display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem}.color-row.svelte-10eox5d{display:flex;align-items:center;gap:.5rem;max-width:280px}.color-row.svelte-10eox5d input[type=color]:where(.svelte-10eox5d){width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:2px;background:var(--bg-input)}.hex-input.svelte-10eox5d{flex:1;padding:.6rem .75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:monospace;font-size:.9rem}.base-preview.svelte-10eox5d{display:flex;align-items:center;justify-content:center;gap:1rem;height:60px;border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:1.5rem;font-family:monospace;font-weight:700;font-size:1rem;transition:background .15s}.base-label.svelte-10eox5d{font-weight:400;font-size:.85rem;opacity:.7}.section.svelte-10eox5d{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;margin-bottom:1.5rem}.section-header.svelte-10eox5d{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header.svelte-10eox5d h3:where(.svelte-10eox5d){margin:0;font-size:1rem;color:var(--text)}.copy-all-btn.svelte-10eox5d{padding:.35rem .7rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.78rem;cursor:pointer;transition:border-color .15s,color .15s}.copy-all-btn.svelte-10eox5d:hover{border-color:var(--accent-light);color:var(--accent-light)}.color-bar.svelte-10eox5d{display:flex;height:40px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);margin-bottom:.75rem}.bar-swatch.svelte-10eox5d{cursor:pointer;transition:opacity .15s}.bar-swatch.svelte-10eox5d:hover{opacity:.8}.color-list.svelte-10eox5d{display:flex;flex-direction:column;gap:.3rem}.color-item.svelte-10eox5d{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.color-item.svelte-10eox5d:hover{background:var(--bg-input)}.item-dot.svelte-10eox5d{width:18px;height:18px;border-radius:3px;border:1px solid var(--border);flex-shrink:0}.item-hex.svelte-10eox5d{font-family:monospace;font-size:.82rem;color:var(--text);min-width:70px}.item-pct.svelte-10eox5d{font-size:.75rem;color:var(--text-muted);flex:1}.item-copy.svelte-10eox5d{font-size:.8rem;color:var(--text-muted);opacity:0;transition:opacity .15s}.color-item.svelte-10eox5d:hover .item-copy:where(.svelte-10eox5d){opacity:1}