.mp-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:24px 0}.mp-toolbar label{font-weight:650;display:flex;align-items:center;gap:12px}.mp-toolbar select{font:inherit;color:inherit;border:1px solid #d9d1e4;border-radius:10px;padding:10px 36px 10px 14px;background:#fff;min-height:44px}.mp-toolbar p{font-size:13px;color:#6d5f7d;margin:0}
.mp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.mp-card{appearance:none;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;min-width:0;padding:12px 8px 16px;border:1px solid transparent;border-radius:18px;background:transparent;color:inherit;font:inherit;cursor:pointer}.mp-card img{display:block;width:100%;max-width:200px;height:auto;aspect-ratio:1;object-fit:contain}.mp-card strong{font-size:14px}.mp-card[aria-pressed=true]{border-color:#9d39e4;background:#f6effd}.mp-card:hover{background:#f6effd}.mp-card:focus-visible,.mp-toolbar select:focus-visible,.mp-downloads .cs-choice:focus-visible{outline:2px solid #862fc6;outline-offset:3px}.mp-recipe{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 9px;font-size:10px;color:#6d5f7d;font-variant-numeric:tabular-nums}.mp-recipe span{display:inline-flex;align-items:center;gap:4px}.mp-recipe i{width:8px;height:8px;border-radius:50%}
.mp-selection{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:28px;padding:20px 0;border-top:1px solid #e5deed;border-bottom:1px solid #e5deed}.mp-selection strong{font-size:15px}.mp-selection p{margin:6px 0 0;font-size:12px;color:#6d5f7d}.mp-downloads{display:flex;flex-wrap:wrap;gap:8px}.mp-downloads a.cs-choice{display:inline-flex;align-items:center;text-decoration:none}.mp-downloads .cs-choice{min-height:44px;font-size:13px}.mp-status{min-height:24px;font-size:13px;color:#6d5f7d;margin:12px 0}.mp-section .cs-link{display:inline-block;margin-top:12px}
.mp-links{display:flex;flex-wrap:wrap;gap:12px 24px}.mp-section{scroll-margin-top:100px}
@media(max-width:760px){.mp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}.mp-card{padding:8px 4px 12px}.mp-card img{max-width:164px}.mp-recipe{font-size:10px;gap:4px}.mp-selection{align-items:flex-start}.mp-toolbar{align-items:flex-start;flex-direction:column;gap:10px}}
.mp-selection [data-mp-usage]{font-size:14px;line-height:1.7;max-width:60ch}