.mp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.mp-toolbar p{margin:0}.mp-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:start}.mp-layout>section{margin:0}.mp h2{margin:0 0 12px;font-size:1.15rem}.mp-list{list-style:none;margin:0;padding:0}.mp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.mp-identity{display:flex;gap:10px;align-items:center;min-width:0}.mp-identity img{flex:none;object-fit:contain;border-radius:3px}.mp-name{min-width:0;overflow-wrap:anywhere}.mp-name>a{font-weight:600;text-decoration:none}.mp-name>a:hover{text-decoration:underline}.mp-context,.mp-note,.mp-unresolved{font-size:12px;line-height:1.5;color:var(--muted)}.mp-unresolved{color:var(--gold,#e8c766)}.mp-controls{display:flex;align-items:center;gap:10px;flex:none}.mp-quantity{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.mp-quantity input{width:5.5rem;min-height:34px;padding:5px 6px;font-variant-numeric:tabular-nums}.mp input[aria-invalid=true]{outline:2px solid #ee9999}.mp-total{font-variant-numeric:tabular-nums;white-space:nowrap}.mp-controls button{background:transparent;font-size:12px;padding:6px;color:var(--muted);border:0}.mp-controls button:hover{color:var(--fg)}.mp :focus-visible{outline:2px solid var(--blue,#5ea2ea);outline-offset:3px}.mp-filters{display:flex;gap:12px;flex-wrap:wrap}.mp-filters label{display:grid;gap:5px;font-size:12px;color:var(--muted)}.mp-filters input{width:20rem;max-width:100%}.mp-filters select{max-width:100%}.mp [data-mp-catalogue]{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.mp>.mp-note{margin-top:24px}.mp [data-mp-results]{font-size:13px;color:var(--muted)}
@media(max-width:850px){.mp-layout{grid-template-columns:minmax(0,1fr);gap:28px}.mp-toolbar{align-items:flex-start}.mp-toolbar p{font-size:13px}.mp-toolbar button{flex:none}.mp-filters{display:grid;grid-template-columns:minmax(0,1fr)}.mp-filters input{width:100%}.mp-craft{flex-wrap:wrap}.mp-craft>.mp-identity{flex:1 1 100%}.mp-controls{margin-left:auto}.mp-row{gap:8px}.mp-quantity input{font-size:16px}}

.mp-material{border-bottom:1px solid var(--line);padding:0 0 10px}.mp-material>.mp-row{border:0}.mp-material-actions{display:flex;align-items:center;gap:14px;flex:none}.mp-collected{display:flex;align-items:center;gap:6px;min-height:34px;font-size:12px;color:var(--muted);cursor:pointer}.mp-collected input{width:17px;height:17px;margin:0;accent-color:var(--green,#8fd9a0)}.mp-material.is-collected>.mp-row .mp-name>a{text-decoration:line-through;color:var(--muted)}.mp-material.is-collected .mp-collected{color:var(--green,#8fd9a0)}.mp-collected-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;margin-bottom:4px}.mp-collected-bar p{margin:0}.mp-reset{font-size:12px;background:transparent;border:0;color:var(--muted);padding:4px}.mp-breakdown{padding:0 0 2px 20px;margin:0}.mp-breakdown>.mp-context{margin:2px 0 6px}.mp-submaterials{list-style:none;margin:0;padding:0}.mp-submaterial{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0;font-size:12px}.mp-submaterial .mp-identity{gap:8px}.mp-submaterial img{width:24px;height:24px}.mp-submaterial .mp-name>a{font-weight:500}.mp-submaterial .mp-total{color:var(--muted);font-weight:500}.mp-material>.mp-context{padding-left:20px}.mp-breakdown+.mp-breakdown{margin-top:10px}
@media(max-width:600px){.mp-material-actions{flex-direction:column;align-items:flex-end;gap:0}.mp-collected{min-height:36px}.mp-breakdown{padding-left:12px}}