body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;touch-action:manipulation;-webkit-user-select:none;user-select:none}*{box-sizing:border-box}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{background-color:#333;color:#fff;padding:1rem;text-align:center}.header h1{font-size:1.5rem;margin:0 0 .5rem}.header-info{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.status{font-size:.9rem}.status.connected{color:#4caf50}.status.disconnected{color:#f44336}.users-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.users-count{color:#4caf50;font-size:.9rem;font-weight:700}@media (max-width:768px){.header-info{flex-direction:column;gap:.5rem}.users-info{justify-content:center}}.toolbar{background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;gap:1rem;min-height:60px;padding:.75rem;position:relative;touch-action:manipulation;z-index:100}.toolbar,.toolbar-section{align-items:center;display:flex}.toolbar-section{gap:.5rem;min-width:fit-content}.toolbar label{font-size:.9rem;font-weight:700;white-space:nowrap}.toolbar input[type=color]{-webkit-tap-highlight-color:rgba(0,0,0,.1);background:none;border:2px solid #ddd;border-radius:8px;cursor:pointer;height:45px;padding:0;touch-action:manipulation;width:45px}.toolbar input[type=color]:hover{border-color:#007bff}.brush-slider{-webkit-tap-highlight-color:rgba(0,0,0,.1);appearance:none;background:#ddd;border-radius:4px;height:8px;outline:none;touch-action:manipulation;width:120px}.brush-slider::-webkit-slider-thumb{appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:20px;width:20px}.brush-slider::-moz-range-thumb{background:#007bff;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.clear-btn,.reset-btn,.undo-btn,.zoom-btn{-webkit-tap-highlight-color:rgba(0,0,0,.1);background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;min-height:44px;padding:.6rem 1rem;position:relative;touch-action:manipulation;transition:background-color .2s;z-index:10}.clear-btn{background-color:#dc3545}.clear-btn:hover{background-color:#c82333}.undo-btn{background-color:#28a745}.undo-btn:hover:not(.disabled){background-color:#218838}.undo-btn.disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.zoom-btn{font-size:.8rem;min-width:44px;padding:.5rem .8rem}.zoom-btn:hover{background-color:#0056b3}.reset-btn{background-color:#28a745}.reset-btn:hover{background-color:#218838}.zoom-section{align-items:center;flex-direction:column;gap:.25rem;margin-left:auto}.zoom-controls{display:flex;gap:.25rem}.zoom-info{color:#007bff;font-size:.9rem;font-weight:700}.canvas-container{align-items:center;background-color:#f8f9fa;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.canvas-container,.drawing-canvas{-webkit-touch-callout:none;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.drawing-canvas{background-color:initial;cursor:crosshair;display:block}.drawing-canvas:active{cursor:grabbing}@media (max-width:768px){.drawing-canvas{cursor:none}}body{position:fixed}#root,body{height:100%;width:100%}#root{overflow:hidden}.instructions{color:#666;font-size:.75rem;margin-top:.5rem;text-align:center;width:100%}.instructions small{line-height:1.3}@media (max-width:768px){.toolbar{align-items:stretch;flex-direction:column;gap:.75rem;padding:.5rem}.toolbar-section{justify-content:center}.zoom-section{flex-direction:row;justify-content:space-between;margin-left:0;width:100%}.zoom-controls{gap:.5rem}.instructions{font-size:.7rem;margin-top:.25rem}.brush-slider{width:100px}}@media (max-width:480px){.toolbar{gap:.5rem;padding:.4rem}.toolbar label{font-size:.8rem}.toolbar input[type=color]{height:40px;width:40px}.clear-btn,.reset-btn,.undo-btn,.zoom-btn{font-size:.8rem;min-height:40px;padding:.5rem .8rem}.zoom-btn{font-size:.7rem;min-width:40px;padding:.4rem .6rem}.brush-slider{width:80px}}
/*# sourceMappingURL=main.aa66a511.css.map*/