#draft-route-button{position:relative}
.draft-route-panel{position:absolute;left:86px;top:24px;z-index:6;width:290px;max-width:calc(100% - 110px);max-height:calc(100% - 110px);overflow:auto;padding:14px;box-sizing:border-box}
.draft-route-panel h2{font-size:16px;margin:0 0 10px}.draft-route-panel p{font-size:12px;line-height:1.5;margin:8px 0}.draft-route-panel output{display:block;font-size:14px;font-weight:600}.draft-hint{color:#64745c}.draft-status{color:#865018}.draft-status:empty{display:none}
.draft-actions{display:flex;gap:6px;flex-wrap:wrap}.draft-actions button,.draft-consent-actions button{min-height:44px;padding:8px 10px;border:1px solid #cdd9c5;border-radius:7px;background:#f7faf3;color:#26482f;font-size:12px}.draft-actions button:disabled,.draft-consent-actions button:disabled{opacity:.45}
#draft-download,#draft-accept-continue{background:#295b3e;color:#fff}
.draft-node{width:44px;height:44px;border:0;background:transparent;border-radius:50%;padding:0;cursor:grab;touch-action:none;display:grid;place-items:center}
.draft-node::after{content:'';width:10px;height:10px;background:#fff;border:2px solid #d8650e;border-radius:50%;box-shadow:0 1px 3px #2225;pointer-events:none}.draft-node:active{cursor:grabbing}.draft-node:focus-visible{outline:3px solid #e7a949;outline-offset:0}
.draft-consent{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;text-align:left;padding:22px}.draft-consent h2{font-size:20px}.draft-consent>p{font-size:13px!important;line-height:1.6!important}.draft-temporary{color:#294b34!important;font-weight:600}.draft-accept-label{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;margin:14px 0}.draft-accept-label input{width:20px;height:20px;flex:none;accent-color:#295b3e}.draft-consent-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
@media(max-width:639px){.draft-route-panel{left:70px;top:68px;width:calc(100% - 82px);max-width:300px;max-height:calc(100% - 160px);padding:10px}.draft-route-panel h2{font-size:14px}.draft-consent{padding:16px}}
@media(max-height:500px){.draft-route-panel{top:126px;left:12px;width:280px;max-width:calc(100% - 24px);max-height:calc(100% - 155px)}}/* Only short portrait 2D viewports need compact metrics for the added toolbar row. */
@media(max-width:639px) and (min-height:501px) and (max-height:680px){
 #viewer:not([data-mode="3d"]) .left-tools{gap:8px}
 #viewer:not([data-mode="3d"]) .tool-stack{gap:5px}
 #viewer:not([data-mode="3d"]) .left-tools .tool-button,#viewer:not([data-mode="3d"]) .gps-slot .maplibregl-ctrl-geolocate{width:40px!important;height:40px!important}
 #viewer:not([data-mode="3d"]) .poi-visibility-button{min-height:52px;padding-top:4px;padding-bottom:4px}
 #viewer:not([data-mode="3d"]) .three-d-button{min-height:66px;padding:5px 8px}
}
@media(max-width:639px) and (min-height:501px) and (max-height:600px){
 #viewer:not([data-mode="3d"]) .left-tools{gap:2px}
 #viewer:not([data-mode="3d"]) .tool-stack{gap:2px}
 #viewer:not([data-mode="3d"]) .left-tools .tool-button,#viewer:not([data-mode="3d"]) .gps-slot .maplibregl-ctrl-geolocate{width:34px!important;height:34px!important}
 #viewer:not([data-mode="3d"]) .poi-visibility-button{min-height:50px}
 #viewer:not([data-mode="3d"]) .three-d-button{min-height:66px}
}
.draft-consent h3{font-size:14px;margin:16px 0 6px;line-height:1.4}

/* Mobile panel only: keep the existing desktop layout and consent dialog unchanged. */
@media(max-width:639px){
 .draft-route-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:0}
 .draft-route-panel h2{grid-column:1;grid-row:1/3;align-self:center;margin:0}
 .draft-route-panel .draft-count{grid-column:2;grid-row:1;text-align:right;margin:0}
 .draft-route-panel .draft-distance{grid-column:2;grid-row:2;text-align:right}
 .draft-route-panel .draft-hint{grid-column:1/-1;margin:6px 0 8px}
 .draft-route-panel .draft-status{grid-column:1/-1;margin:0 0 6px}
 .draft-route-panel .draft-actions{grid-column:1/-1;gap:5px}
 .draft-route-panel .draft-actions button{min-height:36px;padding:5px 8px}
}

/* Mobile Draft actions only; desktop text buttons and consent remain unchanged. */
.draft-route-panel .draft-action-icon{display:none}
@media(max-width:639px){
 .draft-route-panel .draft-actions{flex-wrap:nowrap;gap:5px;align-items:center}
 .draft-route-panel .draft-actions button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;min-height:32px;padding:0}
 .draft-route-panel .draft-actions #draft-download{flex:0 1 auto;width:auto;min-width:0;white-space:nowrap;padding:4px 8px}
 .draft-route-panel .draft-action-label{display:none}
 .draft-route-panel .draft-action-icon{display:block;width:18px;height:18px;pointer-events:none}
 .draft-route-panel .draft-hint{font-size:calc(12px - 1pt)}
}