*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,Segoe UI,Hiragino Sans,sans-serif;background:#0e1116;color:#e6e8eb}.app{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"toolbar toolbar" "map preview" "footer footer";height:100vh}.app-footer{grid-area:footer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:0;padding:4px 0;border-top:1px solid #232a33;background:#0b0e13;overflow:hidden}.credits{font-size:11px;color:#6b7686;text-align:center;padding:0 12px}.credits a{color:#8a95a6;text-decoration:none}.credits a:hover{color:#cdd5e0;text-decoration:underline}.ad-placeholder{width:100%;max-width:728px;height:60px;margin:6px auto;display:flex;align-items:center;justify-content:center;font-size:12px;color:#4a5667;background:repeating-linear-gradient(45deg,#11161d,#11161d 10px,#131922 0,#131922 20px);border:1px dashed #2b3440;border-radius:6px}.app-footer .adsbygoogle{width:100%;max-width:728px;min-height:60px}.toolbar{grid-area:toolbar}.map-pane{grid-area:map;border-right:1px solid #232a33}.map-pane,.preview-pane{position:relative;min-width:0}.preview-pane{grid-area:preview;background:radial-gradient(120% 90% at 50% 12%,#38455a 0,#1c2430 48%,#0c0f15 100%);overflow:hidden}.preview-info{position:absolute;top:14px;left:14px;z-index:5;display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:10px;background:rgba(12,16,22,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.08);font-size:12px;color:#9aa4b2;pointer-events:none}.preview-info-row{display:flex;justify-content:space-between;gap:16px}.preview-info-row b{color:#eef2f7;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.preview-reset{top:14px;right:14px;padding:7px 12px;background:rgba(12,16,22,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.1)}.preview-badge,.preview-reset{position:absolute;z-index:5;font-size:12px}.preview-badge{bottom:16px;left:50%;transform:translateX(-50%);padding:6px 14px;border-radius:999px;background:rgba(37,99,235,.9);color:#fff}.empty-hint-icon{font-size:40px;color:#3a4658;margin-bottom:12px;line-height:1}.doc{min-height:100vh;padding:48px 20px 96px;display:flex;justify-content:center}.doc-inner{width:100%;max-width:760px;line-height:1.85;color:#c3cad4}.doc-inner h1{font-size:26px;margin:8px 0 4px;color:#eef2f7}.doc-inner h2{font-size:17px;margin:32px 0 8px;color:#e6e8eb}.doc-meta{font-size:12px;color:#6b7686;margin:0 0 24px}.doc-back{margin:0 0 16px;font-size:13px}.doc-inner a{color:#6ea8ff}.doc-inner ul{padding-left:22px}.doc-inner li{margin:6px 0}.map-pane .maplibregl-map{position:absolute;inset:0}.draw-controls{left:12px;display:flex;gap:6px}.draw-controls,.map-note{position:absolute;top:12px;z-index:10}.map-note{right:12px;background:rgba(245,158,11,.92);color:#1a1300;padding:6px 10px;font-size:12px;max-width:220px}.map-note,button{border-radius:7px}button{font:inherit;padding:7px 12px;border:1px solid #2b3440;background:#1a2029;color:#e6e8eb;cursor:pointer}button:hover:not(:disabled){background:#232c38}button:disabled{opacity:.45;cursor:not-allowed}button.active,button.primary{background:#2563eb;border-color:#2563eb;color:#fff}.toolbar-inner{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid #232a33;background:#11161d;flex-wrap:wrap}.toolbar-inner h1{font-size:15px;margin:0;font-weight:600}.stat{font-size:13px;color:#9aa4b2}.stat b{color:#e6e8eb}.toolbar-spacer{flex:1 1}.scale-field{display:flex;align-items:center;gap:6px;font-size:13px;color:#9aa4b2}.scale-field input{width:86px;padding:6px 8px;border-radius:6px;border:1px solid #2b3440;background:#1a2029;color:#e6e8eb}.scale-field input[type=checkbox]{width:auto}.scale-field select{padding:6px 8px;border-radius:6px;border:1px solid #2b3440;background:#1a2029;color:#e6e8eb}.warn{color:#f59e0b;font-size:13px}.empty-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7c889a;font-size:14px;line-height:1.7;text-align:center;padding:24px;pointer-events:none}