*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#eef1f5;width:100%;height:100%;font-family:Segoe UI,Arial,sans-serif}.toolbar button{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:8px;outline:none;padding:10px 18px;font-weight:600;transition:all .25s}.toolbar button:hover{background:#1d4ed8;transform:translateY(-1px)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:20px}.sidebar::-webkit-scrollbar-track{background:0 0}.canvas-wrapper::-webkit-scrollbar{width:10px;height:10px}.canvas-wrapper::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:20px}.canvas-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.canvas-stage{background:0 0;flex-shrink:0;margin:30px}.canvas-stage canvas{display:block}.canvas-wrapper{background-color:#d3d1d1;background-image:linear-gradient(#e4e4e4 1px,#0000 1px),linear-gradient(90deg,#e4e4e4 1px,#0000 1px);background-size:23px 23px;background-attachment:local;flex:1;justify-content:center;align-items:flex-start;height:100vh;display:flex;position:relative;overflow:auto}