body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Arial,sans-serif;padding:20px;display:flex;flex-direction:column;align-items:center}h1{color:#2c3e50;margin-bottom:20px}.controls{margin-bottom:20px}button{padding:8px 16px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}button:hover{background-color:#2980b9}.canvas{position:relative;background-color:#f8f9fa;border:1px solid #ddd;overflow:hidden}.grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.grid-line{position:absolute;background-color:#c8c8c84d}.grid-line.vertical{width:1px;height:100%}.grid-line.horizontal{width:100%;height:1px}.shape{position:absolute;border:2px solid rgba(0,0,0,.2);box-sizing:border-box;cursor:move;display:flex;align-items:center;justify-content:center;transition:transform .1s,box-shadow .1s}.shape.dragging{z-index:100;box-shadow:0 4px 8px #0003}.shape-id{font-weight:700;color:#000000b3}