body{background-color:#f8fafc;color:#0f172a;transition:background-color .3s,color .3s}.dark body{background-color:#1e1e1e;color:#f1f5f9}.canvas-viewport{cursor:grab}.canvas-viewport:active{cursor:grabbing}.bubble-transition{transition:width .1s,height .1s,transform .1s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right,#e2e8f0 1px,transparent 1px),linear-gradient(to bottom,#e2e8f0 1px,transparent 1px)}.no-transition,.no-transition *{transition:none!important}.glass-panel{background:#ffffffb3;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f26870d}.dark .glass-panel{background:#1e1e1eb3!important;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 32px #0000004d!important}.glass-card{background:#fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .glass-card{background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#fff9;border-color:#f9731666;box-shadow:0 8px 24px #f9731614;transform:translateY(-1px)}.dark .glass-card:hover{background:#ffffff0f;border-color:#f9731666;box-shadow:0 8px 24px #f9731626;transform:translateY(-1px)}.view-fade-enter{opacity:0;transform:scale(.98) translateY(4px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.view-fade-active{opacity:1;transform:scale(1) translateY(0)}.glow-effect{position:relative;overflow:hidden}.glow-effect:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 45%,rgba(255,255,255,.1) 48%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 52%,transparent 55%);transform:rotate(-45deg) translate(-100%,-100%);transition:transform .5s ease;pointer-events:none}.glow-effect:hover:after{transform:rotate(-45deg) translate(100%,100%)}.zones-icon-container svg{width:100%!important;height:100%!important}.zones-icon-container svg rect,.zones-icon-container svg path{stroke:currentColor!important;fill:none!important}.polyline-icon-container svg{width:100%!important;height:100%!important}.polyline-icon-container svg path{stroke:currentColor!important;fill:none!important}.brush-cleaning-icon-container svg{width:100%!important;height:100%!important}.brush-cleaning-icon-container svg path{stroke:currentColor!important;fill:none!important}