*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:#edf0ee;background:#171a1d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{font:inherit}.app{width:100vw;height:100vh;background:#171a1d;flex-direction:column;min-width:0;height:100dvh;min-height:0;display:flex;position:fixed;inset:0;overflow:hidden}.toolbar{background:#202426;border-bottom:1px solid #343a3b;flex:none;grid-template-columns:auto auto auto 1fr;align-items:center;gap:14px;width:100%;min-height:58px;padding:10px 14px;display:grid}.brand{white-space:nowrap;font-size:16px;font-weight:700}.segmented,.controls{align-items:center;gap:4px;display:flex}.segmented{background:#151819;border:1px solid #3f484a;padding:3px}.segmented button,.controls button{color:#d8dedb;cursor:pointer;background:0 0;border:1px solid #0000;min-height:32px}.segmented button{padding:0 12px}.segmented button.active{color:#fff;background:#263730;border-color:#587267}.controls button{background:#272d2f;border-color:#3f484a;min-width:34px;padding:0 9px}.controls button.active{color:#fff;background:#2d493e;border-color:#7fa897}.controls span{text-align:center;color:#c3cac7;font-variant-numeric:tabular-nums;min-width:48px}.status{color:#aab3af;white-space:nowrap;justify-self:end;font-size:13px}.viewport{touch-action:none;cursor:grab;background:#0d0f10;flex:auto;width:100%;min-width:0;min-height:0;position:relative;overflow:hidden}.viewport:active{cursor:grabbing}.domTileLayer{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.tileFrame{opacity:0;transition:opacity .12s ease-out;position:absolute;overflow:hidden}.tileFrame.loaded{opacity:1}.domTile{image-rendering:auto;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tileFrame[data-level="0"] .domTile{opacity:.92}.tileFrame[data-level="1"] .domTile{opacity:.94}.tileFrame[data-level="2"] .domTile{opacity:.97}.tileFrame[data-level="3"] .domTile{opacity:1}.tileTint{mix-blend-mode:screen;opacity:.42;pointer-events:none;position:absolute;inset:0}.tileFrame[data-level="0"] .tileTint{background:#ef4444}.tileFrame[data-level="1"] .tileTint{background:#f59e0b}.tileFrame[data-level="2"] .tileTint{background:#22c55e}.tileFrame[data-level="3"] .tileTint{background:#38bdf8}.loading{color:#c3cac7;place-items:center;height:100vh;display:grid}@media (max-width:760px){.toolbar{grid-template-columns:1fr;align-items:stretch;gap:8px}.brand,.status{justify-self:start}.segmented,.controls{width:100%}.segmented button{flex:1}}.gridOverlay{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:20;position:absolute;inset:0;overflow:hidden}.gridLines{position:absolute;inset:0}.gridLine{background:#edf0ee52;position:absolute;box-shadow:0 0 0 1px #0d0f1038}.gridLineVertical{width:1px;top:0;bottom:0}.gridLineHorizontal{height:1px;left:0;right:0}.gridLineFine{box-shadow:none;background:#edf0ee26}.gridCellHighlight{background:#7fa89721;border:1px solid #ffffff94;position:absolute}.gridCellHighlightFine{background:#7fa89738;border-color:#ffffffbd}.gridCrosshair{z-index:3;background:#ffffffbd;position:absolute;box-shadow:0 0 0 1px #0d0f1066}.gridCrosshairVertical{width:1px;top:0;bottom:0}.gridCrosshairHorizontal{height:1px;left:0;right:0}.gridGuide{z-index:4;color:#edf0ee;text-shadow:0 1px 2px #000000e6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d0f1094;font-size:12px;font-weight:700;line-height:1;position:absolute;overflow:hidden}.gridGuideTop{border-bottom:1px solid #edf0ee3d;height:28px;top:0;left:0;right:48px}.gridGuideRight{border-left:1px solid #edf0ee3d;width:48px;padding-top:28px;top:0;bottom:0;right:0}.gridGuideRight:before{content:"";background:#0d0f10bd;border-bottom:1px solid #edf0ee3d;height:28px;position:absolute;top:0;left:0;right:0}.gridGuideLabel{place-items:center;min-width:24px;min-height:24px;display:grid;position:absolute}.gridGuideTopLabel{height:28px;top:0}.gridGuideRightLabel{width:48px;left:0}.gridHoverBadge{z-index:5;color:#fff;font-variant-numeric:tabular-nums;background:#0d0f10d1;border:1px solid #edf0ee61;gap:2px;min-width:48px;padding:5px 7px;display:grid;position:absolute;transform:translate(10px,10px)}.gridHoverBadge strong{font-size:13px;line-height:1}.gridHoverBadge small{color:#a9d6c3;font-size:11px;line-height:1}.gridMapArea:before,.gridMapArea:after{content:"";position:absolute;inset:0}.gridMapArea:before{z-index:0;background-image:linear-gradient(90deg,#ffffff94 0 2px,#0000 2px),linear-gradient(#ffffff94 0 2px,#0000 2px);background-position:var(--grid-major-x) var(--grid-major-y);background-size:var(--grid-major-size) var(--grid-major-size)}.gridMapArea:after{z-index:1;opacity:0;background-image:linear-gradient(90deg,#a9d6c347 0 1px,#0000 1px),linear-gradient(#a9d6c347 0 1px,#0000 1px);background-position:var(--grid-fine-x) var(--grid-fine-y);background-size:var(--grid-fine-size) var(--grid-fine-size)}.gridMapArea.fineGridVisible:after{opacity:1}.gridLines,.gridCellHighlight,.gridCrosshair,.gridGuide,.gridHoverBadge{z-index:2}.gridLine{background:#ffffff85}.gridLineFine{background:#a9d6c347}.gridMapArea{position:absolute;inset:0;overflow:hidden}.gridMapArea:before,.gridMapArea:after{pointer-events:none}.contourTileLayer{z-index:10}.contourTileLayer .domTile{opacity:.76}.gridLineFineBounded.gridLineVertical{bottom:auto}.gridLineFineBounded.gridLineHorizontal{right:auto}.heightHoverBadge{z-index:6;transform:translate(10px,48px)}.controls button:disabled{cursor:not-allowed;opacity:.45}