.feature-popup .mapboxgl-popup-content{padding:0;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.1);background:transparent;border:none;min-width:300px!important;max-width:300px!important;width:300px!important}.feature-popup,.feature-popup .mapboxgl-popup{max-width:none!important}.feature-popup.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content,.feature-popup.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content,.feature-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-content,.feature-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-content,.feature-popup.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content,.feature-popup.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{min-width:300px!important;max-width:300px!important;width:300px!important;transform:none!important;overflow:visible!important}.feature-popup .mapboxgl-popup-close-button{color:#ffffff;font-size:18px;padding:8px;right:8px;top:8px;background:rgba(0,0,0,.5);border-radius:4px;transition:all .2s ease}.feature-popup .mapboxgl-popup-close-button:hover{background:rgba(88,174,87,.2);color:#58ae57}.feature-popup .mapboxgl-popup-tip{border-top-color:#374151}.feature-popup .grid{display:grid}.feature-popup .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-popup .gap-3{gap:.75rem}.feature-popup input[type=text],.feature-popup select,.feature-popup textarea{transition:all .2s ease-in-out;box-shadow:0 0 0 0 rgba(88,174,87,0)}.feature-popup input[type=text]:focus,.feature-popup select:focus,.feature-popup textarea:focus{transform:translateY(-1px);border-color:#58ae57}.feature-popup input[type=text]:focus:not(:focus-visible),.feature-popup select:focus:not(:focus-visible),.feature-popup textarea:focus:not(:focus-visible){box-shadow:0 4px 8px rgba(88,174,87,.1),0 0 0 2px rgba(88,174,87,.2)}.feature-popup textarea::-webkit-scrollbar{width:6px}.feature-popup textarea::-webkit-scrollbar-track{background:#374151;border-radius:3px}.feature-popup textarea::-webkit-scrollbar-thumb{background:#6b7280;border-radius:3px}.feature-popup textarea::-webkit-scrollbar-thumb:hover{background:#58ae57}.feature-popup button{transition:all .2s ease;font-weight:500}.feature-popup button:hover{transform:translateY(-1px)}.feature-popup button:active{transform:translateY(0)}.feature-popup button:disabled{opacity:.6;cursor:not-allowed;transform:none}.feature-popup button:disabled:hover{transform:none}.feature-popup .gradient-text{background:linear-gradient(90deg,#39FF14 36%,#00BCFC);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.feature-popup #preview-icon{transition:all .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.feature-popup #preview-icon:hover{transform:scale(1.1)}.feature-popup #coordinates-display{transition:all .2s ease;border-radius:6px}.feature-popup #coordinates-display:hover{transform:scale(1.02);background:rgba(88,174,87,.05);border-color:rgba(88,174,87,.3)}.feature-popup .loading{position:relative;overflow:hidden}.feature-popup .loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.feature-popup :focus-visible{outline:none;box-shadow:0 0 0 2px #58ae57,0 0 0 4px rgba(0,0,0,1)}.feature-popup input:focus-visible,.feature-popup select:focus-visible,.feature-popup textarea:focus-visible{outline:none;box-shadow:0 0 0 2px #58ae57,0 0 0 4px rgba(0,0,0,1),0 4px 8px rgba(88,174,87,.1);border-color:#58ae57}.feature-popup button:focus-visible{outline:none;box-shadow:0 0 0 2px #58ae57,0 0 0 4px rgba(0,0,0,1)}.feature-popup button[id*=delete]{border-color:rgb(220 38 38/.5);background:rgb(220 38 38/.1);color:rgb(248 113 113)}.feature-popup button[id*=delete]:hover{border-color:rgb(220 38 38);background:rgb(220 38 38/.2);color:rgb(239 68 68)}