@media (hover:none) and (pointer:coarse){.glass-card:active{transition:transform .1s;transform:scale(.98)}button:active{transform:scale(.95)}}@supports (padding:env(safe-area-inset-bottom)){.pb-safe{padding-bottom:env(safe-area-inset-bottom)}@media screen and (max-width:767px){[data-radix-dialog-content]{padding-bottom:env(safe-area-inset-bottom)}}}@media (prefers-contrast:high){.glass-card{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.hotspot-canvas svg{background-color:#0000!important}.hotspot-canvas svg image{pointer-events:none}.hotspot-canvas svg polyline[stroke=\#000],.hotspot-canvas svg polygon[stroke=\#000],.hotspot-canvas svg polyline[fill=none],.hotspot-canvas svg polygon[fill=none],.hotspot-canvas svg circle[r="2"]:not(.seg-point){pointer-events:none!important}.hotspot-canvas svg rect,.hotspot-canvas svg polyline:not([stroke=\#000]):not([fill=none]),.hotspot-canvas svg polygon:not([stroke=\#000]):not([fill=none]),.hotspot-canvas svg ellipse,.hotspot-canvas svg circle:not(.seg-point):not([r="2"]){pointer-events:all!important}:root{--hotspot-idle-stroke:#fbbf24d9;--hotspot-idle-fill:#fbbf2414;--hotspot-idle-glow:#fbbf2466;--hotspot-configured-stroke:#22c55ee6;--hotspot-configured-fill:#22c55e14;--hotspot-configured-glow:#22c55e80;--hotspot-selected-stroke:#a855f7;--hotspot-selected-fill:#a855f71f;--hotspot-selected-glow:#a855f799;--hotspot-hover-stroke:#22d3ee;--hotspot-hover-fill:#22d3ee26;--hotspot-hover-glow:#22d3ee80;--hotspot-drawing-stroke:#6366f1e6;--hotspot-drawing-fill:#6366f10f}.hotspot-canvas svg rect,.hotspot-canvas svg polyline,.hotspot-canvas svg polygon,.hotspot-canvas svg ellipse,.hotspot-canvas svg circle:not(.seg-point){filter:drop-shadow(0 0 4px var(--hotspot-idle-glow));shape-rendering:geometricPrecision;vector-effect:non-scaling-stroke;transition:fill .2s ease-out,stroke .2s ease-out,stroke-width .15s ease-out,opacity .15s ease-out;fill:var(--hotspot-idle-fill)!important;stroke:var(--hotspot-idle-stroke)!important;stroke-width:2.5px!important;stroke-linecap:round!important;stroke-linejoin:round!important}.hotspot-canvas svg rect[stroke*="34,197,94"],.hotspot-canvas svg polyline[stroke*="34,197,94"],.hotspot-canvas svg polygon[stroke*="34,197,94"],.hotspot-canvas svg ellipse[stroke*="34,197,94"],.hotspot-canvas svg circle[stroke*="34,197,94"]:not(.seg-point){filter:drop-shadow(0 0 6px var(--hotspot-configured-glow));stroke:var(--hotspot-configured-stroke)!important;fill:var(--hotspot-configured-fill)!important}.hotspot-canvas svg rect:hover,.hotspot-canvas svg polyline:hover,.hotspot-canvas svg polygon:hover,.hotspot-canvas svg ellipse:hover,.hotspot-canvas svg circle:hover:not(.seg-point){filter:drop-shadow(0 0 8px var(--hotspot-hover-glow));cursor:pointer;stroke:var(--hotspot-hover-stroke)!important;fill:var(--hotspot-hover-fill)!important;stroke-width:3px!important}.hotspot-canvas svg .grabbable,.hotspot-canvas svg rect.grabbable,.hotspot-canvas svg polyline.grabbable,.hotspot-canvas svg polygon.grabbable,.hotspot-canvas svg ellipse.grabbable,.hotspot-canvas svg circle.grabbable:not(.seg-point){filter:drop-shadow(0 0 8px var(--hotspot-selected-glow));cursor:grab;animation:1.8s ease-in-out infinite hotspot-selected-pulse;stroke:var(--hotspot-selected-stroke)!important;fill:var(--hotspot-selected-fill)!important;stroke-width:3px!important}.hotspot-canvas svg .grabbable:active,.hotspot-canvas svg rect.grabbable:active,.hotspot-canvas svg polyline.grabbable:active,.hotspot-canvas svg polygon.grabbable:active,.hotspot-canvas svg ellipse.grabbable:active,.hotspot-canvas svg circle.grabbable:active:not(.seg-point){cursor:grabbing}@keyframes hotspot-selected-pulse{0%,to{opacity:1}50%{opacity:.75}}.hotspot-canvas svg rect[stroke-dasharray],.hotspot-canvas svg polyline[stroke-dasharray],.hotspot-canvas svg polygon[stroke-dasharray],.hotspot-canvas svg ellipse[stroke-dasharray],.hotspot-canvas svg circle[stroke-dasharray]:not(.seg-point){filter:drop-shadow(0 0 5px #6366f166);animation:.6s linear infinite hotspot-drawing-dash;stroke:var(--hotspot-drawing-stroke)!important;fill:var(--hotspot-drawing-fill)!important;stroke-width:2.5px!important;stroke-dasharray:10 5!important}@keyframes hotspot-drawing-dash{to{stroke-dashoffset:-30px}}.hotspot-canvas svg .seg-point,.hotspot-canvas svg circle.seg-point{filter:drop-shadow(0 1px 3px #0003);cursor:pointer;fill:#fff!important;stroke:var(--hotspot-selected-stroke)!important;stroke-width:2px!important}.hotspot-canvas svg .seg-point:hover,.hotspot-canvas svg circle.seg-point:hover{cursor:pointer;stroke-width:2.5px!important}.hotspot-canvas svg .seg-point:active,.hotspot-canvas svg circle.seg-point:active{cursor:pointer}.hotspot-canvas svg .move-icon,.hotspot-canvas svg .rot-icon{opacity:.6;transition:opacity .15s ease-out}.hotspot-canvas svg .move-icon:hover,.hotspot-canvas svg .rot-icon:hover{opacity:1}.hotspot-canvas svg .class-names{letter-spacing:.02em;fill:#fff;text-shadow:0 1px 2px #00000080,0 0 8px #0000004d;pointer-events:none;font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:600}.dark{--hotspot-idle-stroke:#fbbf24e6;--hotspot-idle-fill:#fbbf241a;--hotspot-idle-glow:#fbbf2480;--hotspot-configured-stroke:#4ade80f2;--hotspot-configured-fill:#4ade801f;--hotspot-configured-glow:#4ade8099;--hotspot-selected-stroke:#c084fc;--hotspot-selected-fill:#c084fc26;--hotspot-selected-glow:#c084fcb3;--hotspot-hover-stroke:#67e8f9;--hotspot-hover-fill:#67e8f92e;--hotspot-hover-glow:#67e8f999;--hotspot-drawing-stroke:#818cf8f2;--hotspot-drawing-fill:#818cf81a}.dark .hotspot-canvas svg rect,.dark .hotspot-canvas svg polyline,.dark .hotspot-canvas svg polygon,.dark .hotspot-canvas svg ellipse,.dark .hotspot-canvas svg circle:not(.seg-point){filter:drop-shadow(0 0 6px var(--hotspot-idle-glow))}.dark .hotspot-canvas svg rect:hover,.dark .hotspot-canvas svg polyline:hover,.dark .hotspot-canvas svg polygon:hover,.dark .hotspot-canvas svg ellipse:hover,.dark .hotspot-canvas svg circle:hover:not(.seg-point){filter:drop-shadow(0 0 10px var(--hotspot-hover-glow))}.dark .hotspot-canvas svg .grabbable{filter:drop-shadow(0 0 10px var(--hotspot-selected-glow))}@media (prefers-reduced-motion:reduce){.hotspot-canvas svg rect,.hotspot-canvas svg polyline,.hotspot-canvas svg polygon,.hotspot-canvas svg ellipse,.hotspot-canvas svg circle,.hotspot-canvas svg .grabbable,.hotspot-canvas svg .seg-point{transition:none!important;animation:none!important}}.inspector-ai-section{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.ai-generate-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 50%,#d946ef 100%);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #8b5cf64d,0 0 0 1px #8b5cf61a}.ai-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666,0 0 0 1px #8b5cf633}.ai-generate-btn:active:not(:disabled){transform:translateY(0)}.ai-generate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%)}.ai-generate-btn.loading{pointer-events:none}.ai-btn-icon{flex-shrink:0;width:1rem;height:1rem}.ai-btn-icon.spinning{animation:1s linear infinite ai-spin}@keyframes ai-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-error-text{color:#ef4444;background:#ef44441a;border-radius:.25rem;margin:0;padding:.25rem .5rem;font-size:.75rem}.dark .ai-generate-btn{box-shadow:0 2px 8px #a855f766,0 0 0 1px #a855f733}.dark .ai-generate-btn:hover:not(:disabled){box-shadow:0 4px 12px #a855f780,0 0 0 1px #a855f74d}.dark .ai-error-text{background:#ef444426}