#mix-comparison{margin:.75rem 0;padding:.75rem;border:1px solid #cbd5e1;border-radius:12px;background:#fff;text-align:left;font-size:.8rem;line-height:1.5}
#mix-comparison summary{min-height:44px;display:list-item;cursor:pointer;padding:.65rem 0;font-weight:800;color:#6b21a8}
#mix-comparison p{margin:.4rem 0;overflow-wrap:anywhere}
#mix-comparison button{min-height:44px;min-width:44px;padding:.5rem .7rem;border:2px solid #a855f7;border-radius:8px;background:#fff;color:#6b21a8;font:700 .8rem/1.4 system-ui,sans-serif;cursor:pointer;max-width:100%}
#mix-comparison button:disabled{opacity:.5;cursor:default}
#mix-comparison button:focus-visible,#mix-comparison summary:focus-visible{outline:3px solid #6b21a8;outline-offset:3px}
#mix-comparison .compare-actions{display:flex;gap:.5rem;flex-wrap:wrap}
#mix-comparison .compare-actions button{flex:1 1 100px}
#mix-comparison [data-compare-saved]{margin:.5rem 0;padding:.5rem;background:#f8fafc;border-radius:8px}
#mix-comparison .compare-swatch{display:block;width:44px;height:44px;border:1px solid #94a3b8;border-radius:8px}
#mix-comparison [hidden]{display:none!important}
#mix-comparison .compare-feedback{color:#475569;min-height:1.5em}