*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a10;color:#fff}#root{height:100%}.fluid-canvas{cursor:crosshair;touch-action:none}.fluid-canvas:active{cursor:grabbing}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb{background:#6464ff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6464ff80}button{transition:all .2s ease}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px #6464ff80}50%{box-shadow:0 0 20px #6464ffcc}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.pulse{animation:pulse 2s ease-in-out infinite}.glow{animation:glow 2s ease-in-out infinite}.slide-in{animation:slideIn .3s ease-out}@media (max-width: 768px){.app{flex-direction:column}aside{width:100%!important;height:200px;border-left:none!important;border-top:1px solid rgba(100,100,255,.2)}}.no-select{user-select:none;-webkit-user-select:none}canvas:focus{outline:none}