.toffee-mix-match{display:block;width:100%;padding:18px;border:1px solid rgb(var(--color-foreground-rgb)/.15);border-radius:12px}
.toffee-mix-match__heading{font-size:1.1rem;margin:0 0 16px;line-height:1.35}
.toffee-mix-match__choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.toffee-mix-match__choice{display:flex;flex-direction:column;gap:8px;min-width:0}
.toffee-mix-match__choice label{font-size:.85rem;font-weight:600}
.toffee-mix-match__choice img{width:100%;height:100px;object-fit:contain;border-radius:8px}
.toffee-mix-match__choice select{width:100%;min-height:44px;border:1px solid rgb(var(--color-foreground-rgb)/.25);border-radius:8px;background:var(--color-background);color:var(--color-foreground);font:inherit;font-size:.8rem;padding:8px}
.toffee-mix-match__button{width:100%;min-height:44px}
.toffee-mix-match__note,.toffee-mix-match__status{font-size:.8rem;line-height:1.4;margin:10px 0 0}
.toffee-mix-match__note{opacity:.75}
.toffee-mix-match__status:empty{display:none}
.toffee-mix-match__status[data-error]{color:var(--color-error,#b3261e)}
.toffee-mix-match button:disabled{opacity:.6;cursor:wait}
@media(max-width:360px){.toffee-mix-match__choices{grid-template-columns:1fr}.toffee-mix-match__choice img{height:90px}}