:root{--panel-bg: #ffffff;--panel-text: #17202a;--muted: #667085;--border: #d8dee9;--line: #186a5b;--accent: #db6d28;--accent-strong: #b84f16;--blue: #1d5fd6;--shadow: 0 14px 40px rgba(18, 30, 44, .18)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--panel-text);font-family:Arial,Helvetica,sans-serif;background:#dbe5ee}button,input,select{font:inherit}.app{width:100%;height:100%}.lock-screen{width:100%;height:100%;display:grid;place-items:center;padding:24px;background:linear-gradient(#dbe5eed1,#dbe5eed1),url(https://tile.openstreetmap.org/7/76/51.png);background-size:256px 256px}.lock-panel{width:min(380px,100%);display:grid;gap:10px;padding:22px;border:1px solid rgba(23,32,42,.1);border-radius:8px;background:#fffffff5;box-shadow:var(--shadow)}.lock-panel h1{margin:0;font-size:24px;letter-spacing:0}.lock-panel p{margin:0 0 8px;color:var(--muted);line-height:1.4}.lock-panel label{color:var(--muted);font-size:13px;font-weight:700}.lock-panel input{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--border);border-radius:6px}.lock-panel button,.logout-button{min-height:38px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.lock-panel button:disabled{cursor:not-allowed;opacity:.58}.lock-error{color:#b42318;font-size:13px;font-weight:700}.logout-button{position:fixed;top:16px;right:16px;z-index:1200;padding:0 14px;background:#17202a;border-color:#17202a}.panel{position:fixed;top:16px;left:16px;z-index:900;display:flex;flex-direction:column;width:min(430px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:15px;border:1px solid rgba(23,32,42,.1);border-radius:8px;background:#fffffff2;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.panel h1{margin:0 0 14px;font-size:20px;line-height:1.15;font-weight:700;letter-spacing:0}.metric{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.metric span{color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase}.metric strong{font-size:28px;line-height:1;color:var(--accent-strong)}.control-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:12px 0}.inputs-container{display:grid;grid-template-columns:1fr 1fr;gap:6px}.text-control{width:100%;display:grid;gap:6px;margin:12px 0}.panel label{color:var(--muted);font-size:13px;font-weight:700}.panel input[type=range]{width:100%;accent-color:var(--accent)}.panel input[type=number],.panel select{width:100%;min-height:34px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;color:var(--panel-text);background:#fff}.panel input[type=text]{width:100%;min-height:36px;padding:7px 9px;border:1px solid var(--border);border-radius:6px;color:var(--panel-text)}.api-key-control{grid-column:1 / -1}.control-hint{color:var(--muted);font-size:11px;line-height:1.25}.file-input{display:none}.buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.buttons button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;line-height:1.15;text-align:center}.buttons button span{min-width:0}.panel button{min-height:36px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--panel-text);font-size:13px;font-weight:700;cursor:pointer}.panel button svg{width:20px;height:20px;flex:0 0 auto;stroke-width:2}.panel button:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--accent);color:var(--accent-strong)}.panel button:disabled,.panel button[aria-disabled=true]{cursor:not-allowed;opacity:.55}.panel button.is-active{border-color:#db6d2859;background:#fff4ed;color:var(--accent-strong)}.button-tooltip{position:fixed;z-index:5000;width:min(280px,calc(100vw - 32px));padding:9px 10px;border-radius:6px;background:#17202a;color:#fff;box-shadow:0 10px 28px #17202a2e;font-size:12px;font-weight:600;line-height:1.35;text-align:left;pointer-events:none;transform:translate(-50%,-100%) translateY(4px);animation:button-tooltip-in .16s ease forwards}.button-tooltip:after{content:"";position:absolute;left:50%;top:100%;width:10px;height:10px;background:#17202a;transform:translate(-50%,-5px) rotate(45deg)}@keyframes button-tooltip-in{0%{opacity:0;transform:translate(-50%,-100%) translateY(4px)}to{opacity:1;transform:translate(-50%,-100%) translateY(0)}}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.stat{padding:9px 10px;border:1px solid var(--border);border-radius:6px;background:#f8fafc}.stat span,.stat label{display:block;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.stat strong{display:block;margin-top:4px;font-size:16px;word-break:break-word}.coordinate-stat input[type=number]{margin-top:5px;min-height:32px;padding:5px 7px;font-size:14px;font-weight:700}.pins{flex:1 1 auto;min-height:80px;margin:14px 0 0;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 0 0;scrollbar-gutter:stable;list-style:none}.pins li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px;border-top:1px solid var(--border);border-radius:6px;font-size:12px;line-height:1.35;transition:background .12s ease,box-shadow .12s ease,border-color .12s ease}.pins li.is-highlighted{border-color:#d6a21f99;background:#fff3a3;box-shadow:inset 4px 0 #e1aa16}.pins li.is-selected{border-color:#b84f168c;background:#ffe88a;box-shadow:inset 4px 0 0 var(--accent-strong)}.pin-index{width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;display:inline-grid;place-items:center;font-size:11px;font-weight:700}.pin-value{color:var(--muted);word-break:break-word}.pin-search{display:block;margin-top:4px;color:var(--muted);font-size:11px}.pin-search.is-loading{color:#1d5fd6}.pin-search.is-success{color:#186a5b}.pin-search.is-error{color:#b42318}.pin-result-preview{display:block;margin-top:2px;color:var(--muted)}.pin-delete{width:32px;height:32px;min-height:32px;display:inline-grid;place-items:center;padding:0;border-radius:6px;color:#667085}.pin-delete:hover{border-color:#d92d20;color:#b42318;background:#fff1f0}@media(max-width:720px){.panel{top:10px;left:10px;width:calc(100vw - 20px);max-height:44vh;padding:12px}.panel h1{font-size:18px}.metric strong{font-size:24px}}.map-shell{position:relative;width:100%;height:100%}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden;touch-action:pan-x pan-y}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-container img.leaflet-tile{max-width:none!important;max-height:none!important}.leaflet-tile{width:256px;height:256px}.leaflet-zoom-animated{transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-control{position:relative;z-index:800;pointer-events:auto}.leaflet-interactive{cursor:pointer;pointer-events:visiblePainted}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-right{right:0}.radius-map{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto}.leaflet-container.is-setting-mode{cursor:crosshair}.leaflet-container.is-radius-grab-pending{cursor:grab}.leaflet-container.is-radius-dragging{cursor:grabbing;touch-action:none;-webkit-user-select:none;user-select:none}.leaflet-tooltip.boundary-label,.leaflet-tooltip.radius-label,.leaflet-tooltip.segment-label{border:0;border-radius:6px;box-shadow:0 8px 22px #121e2c29;color:var(--panel-text);font-size:12px;font-weight:700}.leaflet-tooltip.radius-label{background:#17202a;color:#fff}.grid-canvas{pointer-events:none}