:root{--bg: #f6f7f8;--panel: #ffffff;--panel-2: #f1f3f5;--line: #e2e5e9;--line-strong: #c9ced4;--text: #1f262e;--muted: #8a939d;--accent: #2f6fde;--accent-soft: rgba(47, 111, 222, .1);--ok: #2e9e5b;--danger: #d64545;--panel-glass: rgba(255, 255, 255, .92);--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-sm: 4px;--r-md: 8px;--shadow: 0 4px 18px rgba(31, 38, 46, .12);color-scheme:light}:root[data-theme=dark]{--bg: #14171b;--panel: #1d2228;--panel-2: #262c34;--line: #30373f;--line-strong: #444d57;--text: #e6eaee;--muted: #8a939d;--accent: #4f83e8;--accent-soft: rgba(79, 131, 232, .16);--ok: #3fb56e;--danger: #e05c5c;--panel-glass: rgba(29, 34, 40, .92);--shadow: 0 4px 18px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:13px}h1,h2,h3{margin:0;font-weight:600}.lbl{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:4px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .1s,border-color .1s}button:hover{background:var(--panel-2)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{filter:brightness(1.06)}button.ghost{background:transparent;border-color:transparent;color:var(--muted);padding:3px 5px}button.ghost:hover{color:var(--text);background:var(--panel-2)}button.danger:hover{border-color:var(--danger);color:var(--danger)}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{font:inherit;font-size:12.5px;color:var(--text);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:5px 8px}input[type=color]{padding:1px;width:20px;height:20px;border-radius:3px;cursor:pointer}textarea{resize:vertical}::placeholder{color:var(--muted)}*::-webkit-scrollbar{width:9px}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:6px}*::-webkit-scrollbar-track{background:transparent}.pp-pin{position:relative;cursor:pointer}.pp-pin .pp-label{position:absolute;left:50%;transform:translate(-50%);font-size:10.5px;line-height:1;padding:3px 6px;border-radius:3px;background:var(--panel-glass);border:1px solid var(--line-strong);color:var(--text);white-space:nowrap}.pp-pin .pp-label.top{bottom:calc(100% + 4px)}.pp-pin .pp-label.bottom{top:calc(100% + 4px)}.pp-pin .pp-dot{width:28px;height:28px;display:grid;place-items:center;background:var(--panel);border:2px solid currentColor;border-radius:50%;box-shadow:0 1px 5px #1f262e4d}.pp-pin.selected .pp-dot{box-shadow:0 0 0 3px var(--accent-soft),0 1px 5px #1f262e4d}.pp-drop{position:relative;width:28px;height:42px;cursor:pointer}.pp-drop-shape{display:block;filter:drop-shadow(0 2px 2.5px rgba(31,38,46,.35))}.pp-drop-shape path{stroke:var(--panel)}.pp-drop-glyph{position:absolute;left:50%;top:33.3%;transform:translate(-50%,-50%);display:grid;place-items:center;color:#fff;pointer-events:none}.pp-pin.selected .pp-drop-shape{filter:drop-shadow(0 0 3px var(--accent)) drop-shadow(0 0 1px var(--accent)) drop-shadow(0 2px 2.5px rgba(31,38,46,.35))}.pp-pin.snap-target .pp-dot{box-shadow:0 0 0 3px var(--accent),0 1px 5px #1f262e4d}.pp-pin.snap-target .pp-drop-shape{filter:drop-shadow(0 0 3px var(--accent)) drop-shadow(0 0 2px var(--accent)) drop-shadow(0 2px 2.5px rgba(31,38,46,.35))}.pp-annlabel{font-size:11px;font-weight:500;line-height:1;padding:3px 7px;border-radius:4px;background:var(--panel-glass);border:1px solid var(--line-strong);color:var(--text);white-space:nowrap;pointer-events:none;box-shadow:0 1px 4px #1f262e40}.pp-note{position:relative;color:var(--text)}.pp-note .pp-note-head{width:28px;height:28px;display:grid;place-items:center;padding:0;margin:0;background:var(--panel);border:2px solid currentColor;border-radius:50%;color:var(--accent);cursor:pointer;box-shadow:0 1px 5px #1f262e4d}.pp-note-glyph{font-size:14px;line-height:1}.pp-note.open .pp-note-head{box-shadow:0 0 0 3px var(--accent-soft),0 1px 5px #1f262e4d}.pp-note-card{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:220px;background:var(--panel-glass);border:1px solid var(--line-strong);border-radius:var(--r-sm);box-shadow:var(--shadow);padding:7px 9px 9px}.pp-note-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pp-note-title{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pp-note-collapse{padding:2px 4px;background:transparent;border:none;color:var(--muted);cursor:pointer}.pp-note-collapse:hover{color:var(--text)}.pp-note-text{width:100%;font-size:11.5px;resize:vertical}.pp-note-syms{display:flex;flex-wrap:wrap;gap:3px;align-items:center;margin-top:6px}.pp-note-ic{width:24px;height:24px;padding:0;display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--muted);cursor:pointer}.pp-note-ic:hover{color:var(--text)}.pp-note-ic.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.pp-note-sym{width:34px;text-align:center;font-size:13px;padding:2px 4px;margin-left:2px}.pp-note-layer{display:flex;align-items:center;gap:6px;margin-top:7px}.pp-note-layer select{flex:1;min-width:0;font-size:11px;padding:3px 6px}.pp-note-del{width:100%;justify-content:center;margin-top:6px;font-size:10.5px;background:transparent;color:var(--muted)}.pp-note-del:hover{color:var(--danger);border-color:var(--danger)}.maplibregl-popup-content{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--font-mono)}.maplibregl-ctrl-attrib{font-size:10px}[data-theme=dark] .maplibregl-ctrl-group{background:var(--panel)}[data-theme=dark] .maplibregl-ctrl-group button+button{border-top-color:var(--line)}[data-theme=dark] .maplibregl-ctrl-group button:hover{background:var(--panel-2)}[data-theme=dark] .maplibregl-ctrl button .maplibregl-ctrl-icon{filter:invert(1) hue-rotate(180deg)}[data-theme=dark] .maplibregl-ctrl-attrib,[data-theme=dark] .maplibregl-ctrl-attrib.maplibregl-compact{background-color:var(--panel-glass);color:var(--text)}[data-theme=dark] .maplibregl-ctrl-attrib a{color:var(--muted)}[data-theme=dark] .maplibregl-ctrl-attrib-button{background-color:var(--panel-glass);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23e6eaee' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}[data-theme=dark] .maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23e6eaee' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}[data-theme=dark] .maplibregl-ctrl-scale{background:var(--panel-glass);color:var(--text);border-color:var(--line-strong)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}