#compositions{margin:1rem 0;padding:1rem;border:1px solid #bbcbbd;border-radius:12px;background:#f7faf6}#compositions h4{margin:0 0 .4rem}.composition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;max-height:620px;overflow:auto}.composition-card{background:white;border:1px solid #ccd5ce;border-radius:9px;padding:.8rem;display:flex;flex-direction:column;gap:.35rem}.composition-card.selected{border:2px solid #3b6b54}.composition-card h5,.composition-card p{margin:0}.composition-card button{margin-top:auto}.composition-diagram{font-size:1.5rem;letter-spacing:.1em;color:#244638;white-space:normal;overflow-wrap:anywhere}.composition-status{font-weight:650;font-size:.82rem}#composition-result{padding-top:.8rem}