.modal-overlay{z-index:1000;width:100vw;max-width:100dvw;height:100vh;min-height:100dvh;max-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));box-sizing:border-box;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-box{width:min(90%,100% - 2rem);max-width:min(800px,100dvw - 2rem);max-height:92vh;max-height:calc(92dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-sizing:border-box;background:#fff;border-radius:10px;margin:0 1rem;padding:1rem;position:relative;overflow:hidden auto}.map-container{border-radius:8px;width:100%;height:min(500px,60dvh);min-height:220px;max-height:60dvh;position:relative}.search-input{box-sizing:border-box;z-index:10;width:calc(100% - 20px);min-width:0;max-width:min(300px,100% - 20px);padding:8px;font-size:14px;position:absolute;top:10px;left:10px}.close-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;transition:background-color .15s ease-out;display:flex;position:absolute;top:10px;right:10px}.close-btn:hover{background-color:#0000000f}.close-btn:active{transform:scale(.96)}.save-btn{color:#fff;cursor:pointer;background-color:teal;border:none;border-radius:5px;margin-top:1rem;padding:8px 16px}.map-loading-overlay{z-index:5;background:#ffffffbf;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.map-loading-overlay p{color:#333;margin:0;font-size:15px;font-weight:500}.map-spinner{border:4px solid #d6f2f3;border-top-color:#00ced1;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite map-spin}@keyframes map-spin{to{transform:rotate(360deg)}}@media (max-width:480px){.modal-box{width:calc(100% - 2rem);padding:.75rem}.map-container{height:min(320px,52dvh);min-height:200px;max-height:52dvh}.search-input{max-width:calc(100% - 20px)}}@media (max-height:500px){.modal-box{max-height:calc(96dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.map-container{height:min(320px,44dvh);min-height:160px;max-height:44dvh}}