.shades-tints.svelte-7qyhfe{max-width:700px;margin:0 auto}.input-section.svelte-7qyhfe{margin-bottom:1rem}.input-row.svelte-7qyhfe{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.color-input-group.svelte-7qyhfe,.steps-group.svelte-7qyhfe{display:flex;flex-direction:column;gap:.4rem}.color-input-group.svelte-7qyhfe label:where(.svelte-7qyhfe),.steps-group.svelte-7qyhfe label:where(.svelte-7qyhfe){font-size:.85rem;color:var(--text-muted);font-weight:600}.color-row.svelte-7qyhfe{display:flex;align-items:center;gap:.5rem}.color-row.svelte-7qyhfe input[type=color]:where(.svelte-7qyhfe){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-7qyhfe{width:100px;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}.steps-select.svelte-7qyhfe{width:160px}.base-preview.svelte-7qyhfe{display:flex;align-items:center;justify-content:center;gap:1rem;height:60px;border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:1rem;font-family:monospace;font-weight:700;font-size:1rem;transition:background .15s}.base-label.svelte-7qyhfe{font-weight:400;font-size:.85rem;opacity:.7}.full-gradient.svelte-7qyhfe{margin-bottom:1.25rem}.gradient-label.svelte-7qyhfe{font-size:.78rem;color:var(--text-muted);margin-bottom:6px;font-weight:600}.gradient-bar.svelte-7qyhfe{display:flex;height:32px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.gradient-swatch.svelte-7qyhfe{transition:opacity .15s;cursor:pointer}.gradient-swatch.svelte-7qyhfe:hover{opacity:.7}.bulk-export.svelte-7qyhfe{display:flex;align-items:center;gap:8px;margin-bottom:1.25rem;flex-wrap:wrap}.bulk-label.svelte-7qyhfe{font-size:.8rem;color:var(--text-muted);font-weight:600}.chip.svelte-7qyhfe{padding:4px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.78rem;cursor:pointer;transition:all .15s}.chip.svelte-7qyhfe:hover{border-color:var(--accent);color:var(--accent-light)}.section.svelte-7qyhfe{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;margin-bottom:1.5rem}.section-header.svelte-7qyhfe{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:8px}.section-header.svelte-7qyhfe h3:where(.svelte-7qyhfe){margin:0;font-size:1rem;color:var(--text)}.section-actions.svelte-7qyhfe{display:flex;gap:6px}.copy-btn.svelte-7qyhfe{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-btn.svelte-7qyhfe:hover{border-color:var(--accent-light);color:var(--accent-light)}.color-bar.svelte-7qyhfe{display:flex;height:40px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);margin-bottom:.75rem}.bar-swatch.svelte-7qyhfe{cursor:pointer;transition:opacity .15s}.bar-swatch.svelte-7qyhfe:hover{opacity:.8}.color-list.svelte-7qyhfe{display:flex;flex-direction:column;gap:.3rem}.color-item.svelte-7qyhfe{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.color-item.svelte-7qyhfe:hover{background:var(--bg-input)}.item-dot.svelte-7qyhfe{width:18px;height:18px;border-radius:3px;border:1px solid var(--border);flex-shrink:0}.item-hex.svelte-7qyhfe{font-family:monospace;font-size:.82rem;color:var(--text);min-width:70px}.item-rgb.svelte-7qyhfe{font-family:monospace;font-size:.75rem;color:var(--text-muted);min-width:130px}.item-pct.svelte-7qyhfe{font-size:.75rem;color:var(--text-muted);flex:1}.item-copy.svelte-7qyhfe{font-size:.75rem;color:var(--text-muted);opacity:0;transition:opacity .15s}.color-item.svelte-7qyhfe:hover .item-copy:where(.svelte-7qyhfe){opacity:1}@media (max-width: 600px){.item-rgb.svelte-7qyhfe{display:none}}