#mido-plan-backdrop #mido-planner{display:flex;flex-direction:column;gap:12px;width:100%}
#mido-plan-backdrop #mido-planner>*{box-sizing:border-box;max-width:100%}
#mido-plan-backdrop .mido-plan-selected,#mido-plan-backdrop .mido-plan-controls,#mido-plan-backdrop #mp-pieces,#mido-plan-backdrop #mp-zones-panel{width:100%}
#mido-plan-backdrop #mp-svg{width:100%;height:min(62dvh,650px);min-height:280px;background:#fcfaf6;border:1px solid #ddd;border-radius:12px}
#mido-plan-backdrop #mp-pieces{max-height:350px;overflow:auto}
#mido-plan-backdrop .mido-plan-piece{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
#mido-plan-backdrop .mido-plan-piece>button:first-child{flex:1 1 150px;text-align:left}
#mido-plan-backdrop .mido-plan-piece label{width:80px;flex:0 0 80px}
#mido-plan-backdrop #mp-status{white-space:pre-line;padding:10px;background:#f3ede3;width:100%}
#mido-plan-backdrop #mp-save-status,#mido-plan-backdrop #mp-gaps{font-size:13px;margin:0}
#mido-plan-backdrop .mp-zone-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
#mido-plan-backdrop [hidden]{display:none!important}
#mido-plan-backdrop button:disabled{opacity:.5;cursor:not-allowed}
#mido-plan-backdrop summary{cursor:pointer;font-weight:600;padding:10px 0}
#mido-plan-backdrop #mp-zones button{margin-left:10px}
@media(min-width:900px){#mido-plan-backdrop .mido-plan-controls{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){#mido-plan-backdrop #mp-svg{height:50dvh;min-height:300px;aspect-ratio:auto}#mido-plan-backdrop .mp-zone-form{grid-template-columns:repeat(2,minmax(0,1fr))}#mido-plan-backdrop #mp-pieces{max-height:none}}

#mido-plan-backdrop #mp-removed{display:flex;flex-wrap:wrap;gap:8px;width:100%}
#mido-plan-backdrop #mp-removed strong{flex-basis:100%}