@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-image: none;--bg-opacity: .5;--bg-blur: 10px}html{background-color:#09090b}body{font-family:Inter,sans-serif;background-color:#09090b;color:#e4e4e7;overflow:hidden;-webkit-user-select:none;user-select:none}#app-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background-image:var(--bg-image);background-size:cover;background-position:center;opacity:var(--bg-opacity);filter:blur(var(--bg-blur));transition:opacity .5s ease,filter .5s ease}#app-noise{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;opacity:.4}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-scale{animation:fadeInScale .3s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-right{animation:slideInRight .4s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideInUp .4s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}body.no-animations *{animation:none!important;transition:none!important}.glass{background:#18181bbf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000001a}.glass-panel{background:#09090b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}button{transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.96)}#infinite-canvas{background-image:radial-gradient(#3f3f46 1px,transparent 1px);background-size:24px 24px;cursor:grab;transform-origin:0 0;will-change:transform,top,left}#infinite-canvas.panning{cursor:grabbing}.canvas-node{position:absolute;width:280px;transition:box-shadow .2s,transform .1s;cursor:default}.canvas-node-header{cursor:move}.canvas-node.dragging{z-index:1000!important;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;opacity:.95;transform:scale(1.02)}.view-section{display:none;opacity:0;transition:opacity .3s ease-in-out}.view-section.active{display:block;opacity:1;animation:fadeInScale .4s cubic-bezier(.16,1,.3,1) forwards}#view-canvas.active{display:flex}.modal-fullscreen{max-width:100%!important;max-height:100vh!important;height:100vh!important;border-radius:0!important;border:none!important}.editor-mode-active{color:#fff!important;background:#52525b99;box-shadow:0 0 10px #0003}.toast{position:fixed;bottom:24px;right:24px;padding:12px 24px;background:#18181be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 25px -5px #00000080;transform:translateY(100px);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:100;display:flex;align-items:center;gap:10px}.toast.show{transform:translateY(0);opacity:1}#graph-tooltip{pointer-events:none;transition:opacity .1s}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#09090b;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease-out}#loading-screen.fade-out{opacity:0;pointer-events:none}.loader-logo{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;box-shadow:0 0 40px #3b82f666;display:flex;align-items:center;justify-content:center;margin-bottom:30px;animation:pulse-glow 2s infinite ease-in-out}.loader-progress{width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative;margin-bottom:15px}.loader-bar{width:40%;height:100%;background:#3b82f6;border-radius:2px;position:absolute;left:0;animation:loading-bar 1.5s infinite ease-in-out}#loading-text{font-family:JetBrains Mono,Courier New,monospace;font-size:12px;color:#a1a1aa;text-transform:uppercase;letter-spacing:2px;transition:opacity .2s ease;min-height:20px}@keyframes pulse-glow{0%,to{transform:scale(1);box-shadow:0 0 30px #3b82f64d}50%{transform:scale(1.05);box-shadow:0 0 60px #8b5cf699}}@keyframes loading-bar{0%{left:-40%;width:20%}50%{width:60%}to{left:100%;width:20%}}body:not(.app-loaded) #sidebar,body:not(.app-loaded) header,body:not(.app-loaded) .view-section{opacity:0;transform:translateY(10px)}body.app-loaded #sidebar{animation:slideInLeft .5s cubic-bezier(.16,1,.3,1) forwards}body.app-loaded header{animation:slideInDown .5s cubic-bezier(.16,1,.3,1) .1s forwards}body.app-loaded .view-section.active{animation:fadeInScale .6s cubic-bezier(.16,1,.3,1) .2s forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}