.image-container{position:relative;display:inline-block}.image-container img{max-width:100%;display:block}.pin{position:absolute;transform:translate(-50%,-50%);transition:transform .2s ease,filter .2s ease;z-index:5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.pin .pin-icon{font-size:32px}.pin.no-alert .pin-icon{color:#4caf50}.pin.alert-threshold-breached .pin-icon{color:#ff9800}.pin.critical .pin-icon{color:#f44336;animation:pulse 2s infinite}.pin:hover{transform:translate(-50%,-50%) scale(1.1);z-index:10;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.pin:hover>.pin-inner{display:block}.pin-inner{display:none;top:-40px;white-space:nowrap;color:#fff;background:rgba(0,0,0,.8);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:15}.pin-inner,.pin-inner:after{position:absolute;left:50%;transform:translateX(-50%)}.pin-inner:after{content:"";top:100%;border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(.95);opacity:.7}to{transform:scale(1);opacity:1}}.pin.edit-mode{border:2px solid #ee2573;border-radius:50%;background-color:rgba(238,37,115,.08);padding:4px}.pin.edit-mode .pin-icon{filter:none}