.genplan{background:#96e196;width:100%;height:100vh;min-height:100vh;display:flex;position:relative;overflow:hidden}.genplan__map{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.genplan__map:active{cursor:grabbing}.genplan__map:-webkit-full-screen{width:100vw;height:100vh}.genplan__map:fullscreen{width:100vw;height:100vh}.genplan__map svg{touch-action:none;will-change:transform;flex-shrink:0;margin:0 auto;display:block}.controls{z-index:10;background:#fff;border-radius:8px;gap:8px;padding:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000001a}.controls__btn{color:#fff;cursor:pointer;background:#006cb7;border:0 solid #006cb7;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:20px;font-weight:700;transition:all .3s;display:flex}.controls__btn:hover{color:#fff;background:#006cb7cc;transform:translateY(-2px);box-shadow:0 4px 8px #4caf504d}.controls__btn:active{transform:translateY(0)}.controls__btn:focus-visible{outline-offset:2px;outline:3px solid #92cf94}@media (max-width:768px){.controls__btn{width:35px;height:35px;font-size:18px}}@media (max-width:480px){.controls{gap:6px;padding:6px;bottom:12px}}.loader{z-index:10;background:#fffffff2;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.loader.hidden{opacity:0;pointer-events:none}.loader__spinner{border:4px solid #f3f3f3;border-top-color:#4caf50;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite loader-spin}.loader__text{color:#333;font-size:16px}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}