.map-surface{height:clamp(360px,62vh,780px);aspect-ratio:auto;background:var(--surface);border:0;border-radius:8px;touch-action:none;cursor:grab;isolation:isolate}
.map-surface:active{cursor:grabbing}.map-surface[data-mode=mark]{cursor:crosshair}
.plan-overlay{position:absolute;inset:0}.plan-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 14px}
.plan-picker{flex:1 1 260px;min-width:0;max-width:100%}.plan-picker select{height:44px;border:0;background:var(--bg);padding:10px 32px 10px 12px;text-overflow:ellipsis;cursor:pointer;box-shadow:none}
.plan-picker select:hover{background:var(--accent-soft)}.plan-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.plan-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.plan-navigation{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-control-group{display:flex;align-items:center;gap:2px}
.plan-navigation .button{min-width:44px;min-height:44px;border:0;background:transparent;box-shadow:none}.plan-navigation .button:hover{background:var(--accent-soft)}
.plan-zoom{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;min-width:54px}
.plan-instruction{margin:8px 0 12px;font-size:13px;color:var(--accent)}.plan-instruction[hidden]{display:none}
.button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.plan-marker{min-width:36px;min-height:36px}.plan-marker:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.map-surface:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(max-width:760px){.map-surface{height:56vh;min-height:330px}.plan-picker{flex-basis:100%}.plan-navigation{flex:1 1 100%;gap:4px}.plan-toolbar{gap:8px}.plan-toolbar>[data-mark]{margin-left:auto}}