.mm-app{margin:18px 0 32px}.mm-controls{display:flex;flex-wrap:wrap;gap:10px 12px;margin-bottom:12px}.mm-pick{display:flex;flex-direction:column;gap:4px;min-width:0}.mm-pick>span{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-600);white-space:nowrap}.mm-pick select,.mm-pick input{font:inherit;font-size:14.5px;min-height:38px;padding:6px 10px;color:var(--ink-900);background:var(--ink-050);border:var(--hairline);border-radius:999px;min-width:0}.mm-pick select{padding-right:28px}.mm-pick--wide select{min-width:13.5em}.mm-seg{display:inline-flex;min-height:38px;border:var(--hairline);border-radius:999px;overflow:hidden}.mm-seg button{font:inherit;font-size:13.5px;font-weight:600;padding:0 14px;color:var(--ink-700);background:var(--ink-050);border:0;cursor:pointer;white-space:nowrap}.mm-seg button+button{box-shadow:inset 1px 0 0 var(--ink-300)}.mm-seg button[aria-pressed=true]{color:var(--ink-900);background:var(--ink-200)}.mm-stage{position:relative;border:1px solid var(--glass-line);border-radius:16px 16px 0 0;overflow:hidden;background:var(--ink-050)}.mm-scale{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--glass);backdrop-filter:var(--blur);border-bottom:1px solid var(--glass-line)}.mm-scale-name{flex:none;font-size:12.5px;font-weight:600;color:var(--ink-800);white-space:nowrap}.mm-scale-name small{font-weight:500;color:var(--ink-600)}.mm-scale-bar{flex:1;display:flex;min-width:0;margin:0;padding:0;list-style:none;border-radius:4px;overflow:hidden}.mm-scale-bar li{flex:1;min-width:0;height:18px;position:relative}.mm-scale-bar span{position:absolute;left:3px;top:50%;transform:translateY(-50%);font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;color:#0b0e13;text-shadow:0 0 2px rgb(255 255 255 / .6);white-space:nowrap}.mm-map{height:clamp(380px,64vh,780px)}.mm-probe{position:absolute;left:0;top:0;z-index:2;display:flex;flex-direction:column;gap:1px;margin:14px 0 0 14px;padding:6px 9px;font-size:12.5px;color:var(--ink-800);background:var(--glass);backdrop-filter:var(--blur);border:1px solid var(--glass-line);border-radius:10px;pointer-events:none;white-space:nowrap}.mm-probe strong{font-family:var(--font-display);font-size:15px;color:var(--ink-900)}.mm-status{position:absolute;left:50%;bottom:18px;z-index:3;transform:translate(-50%);max-width:calc(100% - 32px);margin:0;padding:8px 14px;font-size:13.5px;color:var(--ink-800);background:var(--glass);backdrop-filter:var(--blur);border:1px solid var(--glass-line);border-radius:999px;text-align:center}.mm-status[data-kind=missing],.mm-status[data-kind=error]{border-radius:12px}.mm-bar{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--glass);backdrop-filter:var(--blur);border:1px solid var(--glass-line);border-top:0;border-radius:0 0 16px 16px}.mm-play{flex:none;display:grid;place-items:center;width:44px;height:44px;color:var(--ink-000);background:var(--ink-900);border:0;border-radius:999px;cursor:pointer}.mm-play:disabled{opacity:.4;cursor:default}.mm-time{flex:1;min-width:0}.mm-time input[type=range]{display:block;width:100%;margin:0 0 4px;accent-color:var(--ink-800)}.mm-clock{display:flex;flex-wrap:wrap;gap:2px 10px;margin:0;font-size:12.5px;color:var(--ink-600)}.mm-clock strong{color:var(--ink-900);font-weight:600}.mm-steps{flex:none;display:inline-flex;border:var(--hairline);border-radius:999px;overflow:hidden}.mm-steps button{width:40px;height:38px;font-size:22px;line-height:1;color:var(--ink-800);background:var(--ink-050);border:0;cursor:pointer}.mm-steps button+button{box-shadow:inset 1px 0 0 var(--ink-300)}.mm-steps button:disabled{color:var(--ink-400);cursor:default}.mm-notes{margin-top:12px;font-size:14px;color:var(--ink-700)}.mm-notes p{margin:0 0 6px}.mm-notes strong{color:var(--ink-900)}@media(max-width:640px){.mm-controls{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--gutter, 14px)) 10px;padding:0 var(--gutter, 14px) 2px}.mm-controls::-webkit-scrollbar{display:none}.mm-pick{flex:none}.mm-pick--wide select{min-width:12em}.mm-stage,.mm-bar{margin:0 calc(-1 * var(--gutter, 14px));border-left:0;border-right:0;border-radius:0}.mm-map{height:min(68vh,560px)}.mm-scale{flex-direction:column;align-items:stretch;gap:5px}.mm-scale-bar span{font-size:9.5px;left:2px}.mm-bar{gap:10px;padding:10px var(--gutter, 14px)}.mm-steps{display:none}}