:root{--color-primary:#1a7f37;--color-line:#000;--color-bg:#f7f4f2;--color-white:#fff;--color-muted:#e5e5e5;--shadow-panel:0 8px 24px #00000026;--gap-5:5px;--gap-10:10px;--gap-20:20px;--gap-30:30px;--gap-50:50px;--panel-width:min(30vw,600px);--panel-grabber:7px;--panel-offset-ctrl:20px;--dynamic-right-offset:var(--panel-grabber);--collapsed-gap-right:calc(var(--panel-grabber) + 10px);--panel-footer-h:26px}html,body{background:var(--color-bg)}.map-frame{padding:var(--gap-5);pointer-events:none;position:fixed;inset:0}.map-inner{border:1px solid var(--color-line);padding:var(--gap-5);background:var(--color-bg);pointer-events:auto;position:absolute;inset:0}.side-panel{top:var(--gap-5);right:var(--gap-5);bottom:var(--gap-5);width:var(--panel-width);background:var(--color-bg);border:1px solid var(--color-line);z-index:900;flex-direction:column;transition:transform .22s;display:flex;position:fixed;transform:translate(110%)}.side-panel.open{transform:translate(0)}.side-panel__header{background:var(--color-white);border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;height:25px;padding:0 10px;display:flex}.side-panel__content{flex:auto;position:relative;overflow:hidden}.side-panel__list{padding-top:6px;position:relative;overflow:hidden}.side-panel__item{border-bottom:1px solid var(--color-muted);cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:16px 1fr;align-items:center;gap:10px;min-height:36px;padding:12px 10px;font-weight:500;display:grid}.side-panel__overlay{top:0;left:0;right:0;bottom:var(--panel-footer-h);background:var(--color-white);border-left:1px solid var(--color-muted);border-top:1px solid var(--color-muted);z-index:2;display:none;position:absolute}.side-panel__overlay.is-open{flex-direction:column;display:flex}.side-panel__overlay-header{background:var(--color-white);border-bottom:1px solid var(--color-muted);cursor:pointer;flex:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.side-panel__overlay-body{flex:auto;padding:10px;position:relative;overflow:auto}.side-panel__footer{height:var(--panel-footer-h);border-top:1px solid var(--color-line);background:var(--color-bg);justify-content:flex-end;align-items:center;padding:0 8px;font-size:10px;display:flex}.map-tools{bottom:var(--gap-5);right:calc(var(--gap-5) + var(--dynamic-right-offset) + var(--panel-offset-ctrl));z-index:910;gap:8px;display:grid;position:fixed}.header-star{top:var(--gap-5);right:var(--gap-10);z-index:950;border:1px solid var(--color-line);background:var(--color-white);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:fixed}.header-star svg{width:10px;height:10px}.search-modal-wrap{width:min(1200px,calc(70vw - ((var(--gap-50) + var(--collapsed-gap-right)) + (var(--gap-50) + 10px))));position:fixed;top:30%;left:50%;transform:translate(-50%)}.searchbar-dropdown .locality-pill{background:var(--color-muted);color:#111;border:1px solid #0a25401f;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px}.echo-toast{z-index:960;border:1px solid var(--color-line);box-shadow:var(--shadow-panel);background:#fff;align-items:center;gap:10px;max-width:min(60vw,520px);padding:0 10px;display:flex;position:fixed;top:10%;left:50%;overflow:hidden;transform:translate(-50%)}.echo-toast .label{color:#444;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.echo-toast .value{color:#111;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}