.mb{padding:var(--gap-6);margin-top:var(--section-gap)}.mb-head{justify-content:space-between;align-items:flex-end;gap:var(--gap-4);flex-wrap:wrap;display:flex}.mb-head h2{font-size:var(--fs-xl);margin-top:6px}.mb-head b{font-family:var(--font-sans);font-size:var(--fs-md);color:var(--ink-3);font-weight:700}.mb-actions{flex-wrap:wrap;gap:6px;display:flex}.mb-btn{border:1px solid var(--line-2);border-radius:var(--r-full);background:var(--surface);min-height:38px;font-size:var(--fs-sm);color:var(--ink-2);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);padding:0 14px;font-weight:600;position:relative}.mb-btn:hover{border-color:var(--line-strong);color:var(--ink)}.mb-btn[aria-pressed=true]{background:var(--surface-3);color:var(--ink);border-color:var(--line-strong)}.mb-btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.mb-btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--primary-ink)}.mb-guide{margin:var(--gap-4) 0 var(--gap-3);font-size:var(--fs-sm);color:var(--ink-3)}.mb-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mb-chip{border:1px solid var(--line-2);border-radius:var(--r-full);background:var(--surface);height:38px;font-size:var(--fs-md);transition:border-color var(--dur) var(--ease);align-items:center;gap:6px;padding:0 6px 0 14px;display:inline-flex}.mb-chip:hover{border-color:var(--line-strong)}.mb-chip.is-hidden{opacity:.45}.mb-grip{color:var(--ink-4);cursor:grab;letter-spacing:-2px;font-size:12px}.mb-chip-name{color:var(--ink);align-self:stretch;align-items:center;font-weight:500;display:inline-flex}.mb-ico{border-radius:var(--r-full);min-width:28px;height:28px;font-size:var(--fs-xs);color:var(--ink-3);transition:background var(--dur) var(--ease);padding:0 7px;position:relative}.mb-ico:after{content:"";position:absolute;inset:-8px 0}.mb-ico:hover{background:var(--surface-2);color:var(--ink)}.mb-ico-del:hover{color:var(--sale)}.mb-pick{margin-top:var(--gap-5);padding-top:var(--gap-4);border-top:1px solid var(--line)}.mb-pick-t{font-size:var(--fs-sm);color:var(--ink-3);margin:0 0 10px}.mb-pick ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mb-pick button{border:1px dashed var(--line-strong);border-radius:var(--r-full);min-height:38px;font-size:var(--fs-md);color:var(--ink-2);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);align-items:baseline;gap:7px;padding:0 14px;display:flex;position:relative}.mb-pick button:hover{border-style:solid;border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.mb-pick small{letter-spacing:.08em;color:var(--ink-4);font-size:10px}.mb-pick-empty{font-size:var(--fs-sm);color:var(--ink-4)}.mb-pick-more{border-radius:var(--r-full);background:var(--surface-2);min-height:38px;font-size:var(--fs-sm);color:var(--ink-2);align-items:center;padding:0 14px;font-weight:600;display:inline-flex}.mb-pick-more:hover{background:var(--surface-3);color:var(--ink)}@media (max-width:760px){.mb{padding:var(--gap-5)}.mb-btn,.mb-pick button{min-height:44px}.mb-chips{scrollbar-width:none;padding:0 var(--gap-5) 2px;margin:0 calc(-1 * var(--gap-5));flex-wrap:nowrap;overflow-x:auto}.mb-chips::-webkit-scrollbar{display:none}.mb-chip{flex:none;min-height:44px}}
