.gen-swatch{--gen-swatch-line:#e5e7eb;--gen-swatch-name:#2a2a2e;--gen-swatch-value:#8a8a90;--gen-swatch-accent:#8a2be2;--gen-swatch-accent-50:#f6efff;display:inline-flex;align-items:center;gap:10px;max-width:100%;min-width:0}.gen-swatch--stacked{flex-direction:column;align-items:flex-start;gap:7px}.gen-swatch-chip{flex:0 0 auto;border-radius:6px;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.gen-swatch-chip--circle{border-radius:50%}.gen-swatch-meta{display:flex;flex-direction:column;min-width:0}.gen-swatch-name{font:600 13px Inter,system-ui,sans-serif;color:var(--gen-swatch-name)}.gen-swatch-name,.gen-swatch-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gen-swatch-value{font:400 11px JetBrains Mono,ui-monospace,monospace;color:var(--gen-swatch-value);text-transform:uppercase}.gen-swatch-copy{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;border:1px solid var(--gen-swatch-line);background:#fff;color:var(--gen-swatch-value);cursor:pointer;padding:0;transition:.15s}.gen-swatch-copy:hover{border-color:var(--gen-swatch-accent);color:var(--gen-swatch-accent);background:var(--gen-swatch-accent-50)}.gen-swatch-copy:active{transform:scale(.94)}.gen-swatch-copy svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}