.debug-grid-overlay[data-v-d399fb66]{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:10}.debug-grid-overlay.preview-mode[data-v-d399fb66]{overflow:visible}.debug-grid-overlay.viewport-mode[data-v-d399fb66]{z-index:1}.debug-grid-overlay.viewport-mode .grid-line[data-v-d399fb66]{background:#ff643226!important}.grid-lines[data-v-d399fb66]{height:100%;left:0;position:absolute;top:0;width:100%}.grid-line[data-v-d399fb66]{background:#ffffff1a;position:absolute}.grid-line.vertical[data-v-d399fb66]{height:100%;top:0;width:1px}.grid-line.horizontal[data-v-d399fb66]{height:1px;left:0;width:100%}.click-markers[data-v-d399fb66]{height:100%;left:0;position:absolute;top:0;width:100%}.click-marker[data-v-d399fb66]{animation:clickPulse-d399fb66 .6s ease-out;border-radius:50%;height:12px;position:absolute;transform:translate(-50%,-50%);width:12px;z-index:9999}.click-marker.api-click[data-v-d399fb66]{animation:none;border:2px solid hsla(0,0%,100%,.3)}.click-ripple[data-v-d399fb66]{animation:ripple-d399fb66 1s ease-out;border:2px solid;border-radius:50%;height:40px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.click-label[data-v-d399fb66]{animation:fadeInOut-d399fb66 3s ease-out forwards;background:#000000e6;border-radius:4px;color:#fff;font-size:10px;left:50%;margin-top:8px;padding:4px 8px;position:absolute;top:100%;transform:translate(-50%);white-space:nowrap}.debug-panel-left[data-v-d399fb66]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;left:20px;min-width:180px;padding:12px;pointer-events:auto;position:fixed;top:20px;z-index:9999}@keyframes clickPulse-d399fb66{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes ripple-d399fb66{0%{height:12px;opacity:1;width:12px}to{height:60px;opacity:0;width:60px}}@keyframes fadeInOut-d399fb66{0%{opacity:0;transform:translate(-50%) translateY(-10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(10px)}}