.app{font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;position:relative}h2{margin:0 0 .25rem;font-size:1.3rem;color:#1f2937;letter-spacing:-.02em}.subtitle{font-size:.85rem;color:#9ca3af;margin:0 0 1rem}.legend{display:flex;gap:1.25rem;margin-bottom:1rem}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#4b5563;cursor:pointer;padding:.3rem .6rem;border-radius:20px;border:1.5px solid transparent;transition:all .15s ease}.legend-item:hover,.legend-item.active{font-weight:600;color:#111827;border-color:#d1d5db}.swatch{display:inline-block;width:14px;height:14px;border-radius:3px}rect{transition:opacity .12s}svg{display:block}