body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;text-align:center}.App-header{background-color:#282c34;color:#fff;padding:20px}main{align-items:center;background-color:#f5f5f5;display:flex;flex:1 1;justify-content:center;padding:20px}.whiteboard-container{background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;max-width:1200px;overflow:hidden;width:90%}canvas{cursor:crosshair;display:block;height:100%;width:100%}.toolbar{background:#f0f0f0;border-bottom:1px solid #ddd}.toolbar input[type=color]{border:none;border-radius:4px;cursor:pointer;height:30px;margin-right:10px;width:30px}.toolbar input[type=range]{margin-right:15px;width:100px}.toolbar button{background:#ff4d4d;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:auto;padding:5px 15px;transition:background .3s}.toolbar button:hover{background:#f33}footer{background:#282c34;color:#fff;font-size:.9em;padding:10px}.whiteboard-container{border:1px solid #ccc;height:80vh;width:100%}.toolbar{align-items:center;background-color:#f0f0f0;display:flex;gap:10px;padding:10px}.connection-status{border-radius:50%;height:12px;margin-right:5px;width:12px}.connection-status.connected{background-color:#4caf50}.connection-status.disconnected{background-color:#f44336}.connection-text{color:#666;font-size:.9em}.toolbar-spacer{flex:1 1}.color-picker,.size-slider{margin-right:10px}.whiteboard-canvas{background-color:#fff;touch-action:none}
/*# sourceMappingURL=main.68dfc834.css.map*/