#designTourOverlay[hidden]{display:none}#designTourOverlay{position:fixed;inset:0;z-index:12000;background:#f8f5ed;color:#153d32;display:flex;flex-direction:column}#designTourOverlay *{box-sizing:border-box}.tour-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;background:#153d32;color:#f8f5ed}.tour-header h2{font-size:23px;margin:3px 0}.tour-header p{margin:0;font-size:13px}.tour-header small{letter-spacing:2px}.tour-header button{flex-shrink:0}.tour-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;flex:1;min-height:0}#designTourMap{height:100%;min-height:220px;background:#d9e2d9}#designTourStops{overflow:auto;padding:16px}#designTourStops h3{font-size:18px;margin:0 0 10px}#designTourStopList{display:grid;gap:7px}#designTourStopList button{text-align:left;font-size:13px}#designTourStopList button.selected{background:#153d32;color:#fff}#designTourStopDetail{margin-top:16px;border-top:1px solid #d9d1c3;padding-top:12px;font-size:14px}#designTourStopDetail img{width:100%;border-radius:12px;margin-top:8px}.tour-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid #d9d1c3}.tour-controls label{font-size:12px}.tour-controls input[type=checkbox]{width:auto}.tour-progress{flex:1;min-width:150px}.tour-progress input{display:block;width:100%}.tour-controls output{font-size:13px}.tour-controls select{width:auto}.tour-controls p{margin:0;font-size:13px}.tour-controls small{width:100%;font-size:11px;color:#52645b}#designTourProfile{width:180px;height:45px}.tour-marker{border:2px solid white;border-radius:50%;background:#153d32;color:white;padding:4px;width:36px;height:36px;font-weight:700;font-size:11px;cursor:pointer}@media(max-width:700px){.tour-header{padding:10px}.tour-header h2{font-size:18px}.tour-body{grid-template-columns:1fr;grid-template-rows:minmax(220px,1fr) minmax(100px,24vh)}#designTourStops{padding:10px}#designTourStopList{display:flex;overflow:auto}#designTourStopList button{min-width:145px}#designTourStopDetail{margin-top:8px}.tour-controls{padding:8px;gap:8px}.tour-controls button{padding:10px}#designTourProfile{display:none}.tour-controls small{font-size:10px}#designTourStopDetail img{max-height:180px;object-fit:contain}}@media(prefers-reduced-motion:reduce){#designTourOverlay *{scroll-behavior:auto}}

/* Keep map sizing from pushing playback and errors outside the viewport. */
#designTourOverlay{height:100vh;height:100dvh;overflow:hidden}.tour-header{flex:0 0 auto}.tour-body{flex:1 1 0;overflow:hidden}#designTourMap{min-height:0;min-width:0;position:relative;overflow:hidden}.tour-controls{flex:0 0 auto;max-height:34vh;overflow:auto}#designTourStatus{flex-basis:100%;font-weight:700;background:#eee8dc;padding:8px;border-radius:8px}@media(max-width:700px){.tour-body{grid-template-rows:minmax(0,1fr) minmax(80px,20vh)}.tour-controls{max-height:38vh}}