.tool-title.svelte-kgx228{font-size:1.1rem;margin:0 0 .4rem}.tool-sub.svelte-kgx228{color:var(--muted);margin:0 0 1.25rem;font-size:.95rem}.color-layout.svelte-kgx228{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-start;margin-bottom:1.5rem}.swatch-col.svelte-kgx228{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.big-swatch.svelte-kgx228{width:160px;height:100px;display:flex;align-items:flex-end;justify-content:flex-start;padding:.5rem;border:2px solid var(--line)}.swatch-hex.svelte-kgx228{font-family:var(--display);font-size:.55rem}.comp-swatch.svelte-kgx228{width:160px;height:40px;border:2px solid var(--line);display:flex;align-items:center;padding:.4rem}.swatch-sublabel.svelte-kgx228{font-size:.75rem;opacity:.8}.color-picker.svelte-kgx228{width:160px;height:36px;border:2px solid var(--line);padding:2px;cursor:pointer;background:var(--bg-2)}.values-col.svelte-kgx228{display:flex;flex-direction:column;gap:.55rem;flex:1;min-width:200px}.value-row.svelte-kgx228{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.value-label.svelte-kgx228{font-family:var(--display);font-size:.45rem;color:var(--muted);min-width:64px;flex-shrink:0}.value-text.svelte-kgx228{font-family:Courier New,monospace;font-size:.88rem;color:var(--ink)}.value-group.svelte-kgx228{display:flex;align-items:center;gap:.5rem}.hex-input.svelte-kgx228{background:var(--bg-2);border:1px solid var(--line);color:var(--ink);padding:.3rem .5rem;font-family:Courier New,monospace;font-size:.9rem;width:90px}.copy-btn.svelte-kgx228{background:var(--panel);border:1px solid var(--line);color:var(--muted);padding:.25rem .5rem;cursor:pointer;font-size:.8rem;white-space:nowrap}.copy-btn.svelte-kgx228:hover{color:var(--ink);border-color:var(--accent-2)}.copy-btn.sm.svelte-kgx228{padding:.2rem .4rem;font-size:.75rem}.rgb-bars.svelte-kgx228{display:flex;gap:.6rem}.channel.svelte-kgx228{font-family:var(--display);font-size:.5rem;padding:.2rem .4rem}.channel.r.svelte-kgx228{background:#3a0a0a;color:#ff7070}.channel.g.svelte-kgx228{background:#0a2a0a;color:#70ff70}.channel.b.svelte-kgx228{background:#0a0a3a;color:#7070ff}.section-label.svelte-kgx228{font-family:var(--display);font-size:.5rem;color:var(--muted);margin:.5rem 0 .75rem}.palette-matches.svelte-kgx228{display:flex;flex-direction:column;gap:.4rem;margin-bottom:2rem}.palette-row.svelte-kgx228{display:flex;align-items:center;gap:.75rem;background:var(--panel);border:1px solid var(--line);padding:.5rem .75rem;cursor:pointer}.palette-row.svelte-kgx228:hover{border-color:var(--accent-2)}.match-swatch.svelte-kgx228{width:36px;height:36px;border:1px solid #0004;flex-shrink:0}.match-info.svelte-kgx228{display:flex;flex-direction:column;gap:.2rem;flex:1}.match-palette.svelte-kgx228{font-family:var(--display);font-size:.48rem;color:var(--ink)}.match-hex.svelte-kgx228,.match-rgb.svelte-kgx228{font-family:Courier New,monospace;font-size:.8rem;color:var(--muted)}