.route-export{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;max-width:100%;font:inherit}
.route-export[hidden],.route-export-preview[hidden]{display:none}
.route-export-button,.route-export-preview{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 10px;border:1px solid #b7bfdf;border-radius:7px;background:#fffef9;color:#26399a;font:650 12px/1.35 var(--sans,Arial,sans-serif);text-align:start;cursor:pointer}
.route-export-button svg{flex:none}.route-export-button:hover,.route-export-preview:hover{background:#f1effb;border-color:#7e77b9}
.route-export-button:focus-visible,.route-export-preview:focus-visible,.route-export-dialog :is(button,a):focus-visible{outline:3px solid #2638aa;outline-offset:3px}
.route-export-button:disabled{opacity:.65;cursor:wait}
.route-export-button[aria-busy=true] svg{display:none}
.route-export-button[aria-busy=true]::before{content:'';flex:none;width:13px;height:13px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:route-export-spin .8s linear infinite}
.route-export-status{font:500 12px/1.4 var(--sans,Arial,sans-serif);overflow-wrap:anywhere;color:#47584c}.route-export-status:empty{display:none}
.route-export-dialog{box-sizing:border-box;width:min(850px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:18px;border:1px solid #d5d7ca;border-radius:16px;background:#f7f6ee;color:#293226;box-shadow:0 18px 70px #101f1d66;overflow:auto;overscroll-behavior:contain}
.route-export-dialog::backdrop{background:#13201ccc}
.route-export-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.route-export-dialog h2{margin:0;font:500 clamp(24px,4vw,32px)/1.2 Georgia,serif}
.route-export-dialog p{font:400 13px/1.5 var(--sans,Arial,sans-serif);margin:7px 0;color:#56604f}
.route-export-close{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #c6ccbd;border-radius:50%;background:#fffef9;color:#293226;font:26px/1 Arial,sans-serif;cursor:pointer}
.route-export-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.route-export-actions :is(a,button){display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border:1px solid #b7bfdf;border-radius:7px;background:#fffef9;color:#26399a;font:650 13px/1.3 var(--sans,Arial,sans-serif);text-decoration:none;cursor:pointer}
.route-export-dialog img{display:block;width:100%;height:auto;border:1px solid #d2d6c9;border-radius:10px}
@keyframes route-export-spin{to{transform:rotate(360deg)}}
@media(max-width:650px){.route-export-dialog{padding:13px}.route-export-button{min-height:36px}.route-export{gap:6px 9px}}
@media(prefers-reduced-motion:reduce){.route-export-button[aria-busy=true]::before{animation:none;border-style:dashed}}