:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#e6f0e1;background:#14251f}body{margin:0}header{height:58px;background:#14251f;color:#e6f0e1;padding:0 18px;display:flex;align-items:center;justify-content:space-between}header strong{font-size:21px;letter-spacing:-.6px}#map{inset:58px 0 90px}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #9fc572;outline-offset:3px}.map-icon{width:44px;height:44px;border:1px solid #567461;border-radius:12px;background:#234034;color:#e5f3d9;font-size:30px;display:grid;place-items:center;box-shadow:0 2px 12px #0003}.map-controls{position:fixed;right:16px;top:74px;display:grid;gap:10px}.location-control{position:fixed;right:16px;bottom:118px;font-size:37px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:90px;box-sizing:border-box;display:flex;gap:8px;padding:8px 12px 12px;background:#14251f;margin:0;border:0}.bottom-nav button{flex:1;border:0;border-radius:15px;background:#234034;color:#dfedd8;display:grid;place-content:center;gap:2px;font-size:13px}.bottom-nav button span:first-child{font-size:27px}.workspace-dialog,dialog{background:#fafaf6;color:#243f30;border:1px solid #dce4d5;border-radius:18px;padding:20px;width:min(420px,calc(100vw - 32px));box-sizing:border-box;max-height:78vh;overflow:auto}dialog::backdrop{background:#071c2166;backdrop-filter:blur(3px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.panel-heading h2{font:600 21px system-ui;margin:0}.workspace-dialog button{border:0;border-radius:10px;padding:11px 14px;background:#e9f0e3;color:#234034;font-size:14px;min-height:42px}.workspace-dialog>button{display:block;width:100%;margin:6px 0}.panel-heading button{font-size:24px;padding:0 10px;background:transparent}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.action-grid button{background:#284f3b;color:#ebf8e2}.workspace-dialog h3{font-size:12px;color:#5f7667;letter-spacing:.07em;margin:22px 0 10px}.item-button{display:block;text-align:left;width:100%;margin:5px 0;font-size:14px!important}.workspace-dialog input:not([type=checkbox]):not([type=range]){width:100%;box-sizing:border-box;background:#edf0e8;border:1px solid #cdd9c5;border-radius:8px;padding:12px;font-size:16px}.check-row{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:14px}.check-row input{flex:none;width:18px;height:18px;accent-color:#315747}.workspace-dialog .map-popover{position:static;box-shadow:none;width:auto;min-width:0;border:0;background:none;padding:12px 0;margin:0;color:#243f30}.workspace-dialog .layers{display:flex;flex-wrap:wrap;box-shadow:none;padding:0}.workspace-dialog .layer{padding:10px;flex:1;font-size:12px}/* styles.css positions each of these absolutely for the map, where every one sits inside its
   own button wrapper: heading and tilt at `top:0`, the layer menu at `top:50px`. Moved into
   this dialog their containing block becomes the dialog, so heading and tilt land on the same
   spot — tilt, later in the DOM, covering every grab meant for heading — and the layer menu
   floats over the style row above it. An ID selector outranks the `.workspace-dialog
   .map-popover` reset, so the position has to be undone at the same specificity. */
.workspace-dialog #heading-panel,.workspace-dialog #tilt-panel,.workspace-dialog #layer-menu{display:block;position:static;width:auto;right:auto;top:auto;margin:0;padding:14px 0;border-top:1px solid #e3e9dc}.workspace-dialog input[type=range]{width:100%;accent-color:#315747}.workspace-dialog #search-form{margin:0;font-size:16px}#search-results button{width:100%;text-align:left}.draw-palette{position:fixed;left:14px;top:75px;max-width:230px;padding:12px;background:#142f25ee;border:1px solid #6f917f;border-radius:14px;box-shadow:0 4px 18px #0004}.draw-palette button{border:1px solid #6f917f;border-radius:8px;background:#315747;color:white;font-size:12px;padding:8px;margin:2px}.draw-palette [aria-pressed=true]{background:#c7ef96;color:#16372c;border-color:#efffd8;font-weight:700}.draw-palette .panel-heading{margin-bottom:5px}.draw-palette .action-grid{margin:4px 0;gap:2px}.gps-arrow{color:#377bff;font-size:32px;text-shadow:0 0 3px white,0 0 3px white}.area-selector{position:absolute;inset:0;z-index:5;cursor:crosshair;touch-action:none;background:#fff1}.area-selector button{position:absolute;bottom:20px;left:calc(50% - 40px);padding:10px}.selection-rectangle{position:absolute;border:2px solid #c7ef96;background:#c7ef9633;pointer-events:none}#place-card{left:16px;right:auto;bottom:110px;max-width:340px;min-width:0;max-height:55vh;overflow:auto;background:#fafaf6;color:#243f30;box-sizing:border-box;z-index:6}#place-card:not([hidden]){display:flex!important}#place-card textarea,#place-card input{font-size:15px}#toast{top:68px;left:50%;font-size:14px;z-index:15;max-width:75vw;background:#243f32}#loading{left:50%;top:45%;transform:translateX(-50%);background:#fafaf6;color:#243f30}.mapboxgl-ctrl-bottom-left{left:10px!important}.mapboxgl-ctrl-bottom-right{font-size:10px!important}.saved-item{align-items:center}.saved-item button{font-size:14px}.saved-note-preview{display:block;font-size:12px}.muted{color:#667568;font-size:13px;line-height:1.6}#legacy-shell{display:none!important}svg{max-width:100%}@media(max-width:600px){.workspace-dialog{max-height:75vh;padding:16px}#place-card{max-width:calc(100vw - 80px)}.map-controls{right:12px}.bottom-nav{padding-bottom:max(12px,env(safe-area-inset-bottom))}}

.map-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.location-control svg{width:32px;height:32px}

body>#sidebar,main>#sidebar,main>#toggle-sidebar,main>.map-heading,main>.top-tools,main>.right-tools,main>.bottom-bar{display:none}#place-card .eyebrow{font-size:10px}
.transfer-row{margin-top:0}.workspace-dialog select{display:block;width:100%;box-sizing:border-box;padding:12px;margin-top:6px;border:1px solid #cdd9c5;border-radius:8px;background:#edf0e8;color:#243f30;font:inherit}
.ribbon-brand{display:flex;align-items:center;gap:12px}
.workspace-dialog .item-button{background:#edf4e9;color:#1a3726;border-radius:10px;min-height:48px;padding:10px 14px;margin:0 0 6px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.workspace-dialog h3{margin:16px 0 6px;font-size:12px;font-weight:700;color:#5f7667}
.workspace-dialog>.share-button{background:#284f3b;color:#ebf8e2;margin-top:0}
.route-status{margin:4px 0 2px;font-size:11px;color:#bfe0a4;line-height:1.4}