.mm-toolbar,.mm-detail-tools{display:flex;justify-content:space-between;align-items:end;gap:15px;flex-wrap:wrap;margin-bottom:18px}.mm-toolbar label,.mm-detail-tools label{display:grid;gap:7px;font-size:10px;color:var(--muted)}.mm-toolbar select,.mm-detail-tools select{display:block;background:var(--panel);color:var(--ink);font:13px var(--sans);padding:10px 12px;min-width:230px;max-width:100%;border:1px solid var(--line);border-radius:5px}.mm-view{display:flex;gap:5px}.mm-view .btn{font-size:11px}.mm-reading{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:14px}.mm-reading p{margin-bottom:10px}.mm-reading #mm-base-note:empty{display:none}.mm-reading #mm-base-note:not(:empty){padding:10px 12px;background:var(--panel2);border-left:2px solid var(--teal)}.mm-legend{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin:0 0 22px}.mm-legend label{display:flex;align-items:center;gap:6px;cursor:pointer}.mm-legend input{accent-color:var(--teal)}.mm-legend i{width:7px;height:7px;border-radius:50%}.mm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mm-tile{margin:0;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--panel)}.mm-tile button{display:block;width:100%;text-align:left;padding:15px 16px 9px;background:none;color:var(--ink);border:0;font:600 12px var(--sans);cursor:pointer}.mm-tile button span{float:right;color:var(--teal);font-weight:400}.mm-tile canvas{display:block;width:100%;aspect-ratio:1.28;cursor:pointer}.mm-tile figcaption{padding:10px 16px 14px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.mm-tile figcaption b{font-weight:650;color:var(--ink)}.mm-detail-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(190px,1fr);gap:20px}.mm-canvas-wrap{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fffefa}.mm-canvas-wrap canvas{width:100%;display:block;touch-action:none;cursor:crosshair}.mm-canvas-wrap>span{display:block;padding:9px 14px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.mm-inspector{padding:20px;background:var(--panel2);border-radius:7px;font-size:11px}.mm-inspector .app-kicker{font-size:9px}.mm-metric{margin-bottom:17px}.mm-metric strong{display:block;font:400 32px var(--serif);margin-bottom:4px;color:var(--teal)}.mm-metric small{font:10px var(--sans);color:var(--muted)}#mm-point{border-top:1px solid var(--line2);padding-top:15px;margin-top:20px;line-height:1.8;color:var(--ink2)}.mm-footer-links{display:flex;gap:12px 25px;flex-wrap:wrap;font-size:11px;margin:22px 0}.mm-method{border-top:1px solid var(--line);padding-top:17px;font-size:11px;color:var(--muted);line-height:1.8}.mm-method summary{cursor:pointer;color:var(--teal);margin-bottom:13px}.mm-detail-tools .btn{min-width:34px}.mm-footer-links a{cursor:pointer}
@media(max-width:1150px){.mm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-detail-layout{grid-template-columns:1fr}.mm-inspector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mm-inspector .app-kicker{grid-column:1/-1}#mm-point{margin:0;border-top:0;border-left:1px solid var(--line2);padding:0 0 0 15px}}
@media(max-width:500px){.mm-grid{grid-template-columns:1fr}.mm-toolbar select{min-width:0;width:100%}.mm-toolbar>label{width:100%}.mm-legend{font-size:9px;gap:10px}.mm-view{width:100%}.mm-view .btn{flex:1}.mm-footer-links{font-size:10px}.mm-detail-tools{align-items:center}.mm-detail-tools select{min-width:0;width:175px}.mm-tile figcaption{font-size:11px}.mm-inspector{padding:15px}.mm-inspector .app-kicker{margin-bottom:0}}