.user-cursor{background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 0 8px #0000004d;height:12px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:all .1s ease;width:12px}.user-cursor-label{background:#ffffffe6;border-radius:4px;box-shadow:0 1px 4px #0000001a;color:#1f2937;font-size:12px;font-weight:500;left:50%;padding:2px 6px;position:absolute;top:-24px;transform:translateX(-50%);white-space:nowrap}.canvas-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;margin:1rem;padding:1rem}.canvas-controls{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem}.canvas-controls .sketch-picker{border-radius:8px!important;box-shadow:0 2px 8px #00000026!important}.canvas-controls button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background .3s ease,transform .2s ease}.canvas-controls button:hover{background:#1d4ed8;transform:translateY(-2px)}.canvas-controls button:active{transform:translateY(0)}.canvas-controls .eraser-button{background:#6b7280}.canvas-controls .eraser-button.active{background:#ef4444}.canvas-controls select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem;transition:border-color .3s ease}.canvas-controls select:focus{border-color:#2563eb;outline:none}.canvas-wrapper{border-radius:12px;box-shadow:0 4px 20px #0000001a;height:calc(100vh - 200px);max-width:1200px;overflow:hidden;position:relative;width:100%}canvas{border:1px solid #e5e7eb;cursor:crosshair;display:block}.chat-box,canvas{background:#fff;border-radius:12px}.chat-box{box-shadow:0 4px 20px #0000001a;margin:1.5rem auto;max-width:600px;padding:1rem}.chat-messages{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;height:200px;overflow-y:auto;padding:1rem;scrollbar-color:#9ca3af #f9fafb;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#f9fafb;border-radius:8px}.chat-messages::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:8px}.chat-message{color:#1f2937;font-size:.9rem;margin-bottom:.75rem}.chat-message strong{color:#2563eb;font-weight:600}.chat-message-time{color:#6b7280;float:right;font-size:.75rem}.chat-typing{color:#6b7280;font-size:.85rem;font-style:italic;margin:.5rem 0}.chat-form{display:flex;gap:.5rem;margin-top:.75rem}.chat-form input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:.9rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease}.chat-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.chat-form button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:background .3s ease,transform .2s ease}.chat-form button:hover{background:#1d4ed8;transform:translateY(-2px)}.chat-form button:active{transform:translateY(0)}.user-count{background:#e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#1f2937;display:inline-block;font-size:1.1rem;font-weight:600;margin:1rem 0;padding:.75rem 1.5rem;text-align:center;transition:background .3s ease}.user-count:hover{background:#cbd5e1}.video-chat-container{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;gap:1.5rem;margin:1rem;padding:1rem}.video-chat-section{align-items:center;display:flex;flex-direction:column;gap:.75rem}.video-chat-section h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.video-container{background:#000;border-radius:12px;box-shadow:0 2px 10px #0003;height:225px;overflow:hidden;position:relative;transition:transform .3s ease;width:300px}.video-container:hover{transform:scale(1.02)}.video-container video{border-radius:12px;height:100%;object-fit:cover;width:100%}.video-controls{display:flex;gap:.75rem;margin-top:.5rem}.video-controls button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background .3s ease,transform .2s ease}.video-controls button:hover{transform:translateY(-2px)}.video-controls button:active{transform:translateY(0)}.video-controls .mic-button{background:#22c55e}.video-controls .mic-button.off{background:#ef4444}.video-controls .video-button{background:#22c55e}.video-controls .leave-button,.video-controls .video-button.off{background:#ef4444}.call-request-button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background .3s ease,transform .2s ease}.call-request-button:hover{background:#1d4ed8;transform:translateY(-2px)}.call-request-button:disabled{background:#6b7280;cursor:not-allowed;transform:none}.incoming-call{align-items:center;background:#fef3c7;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.incoming-call p{color:#713f12;font-size:1rem;font-weight:500}.incoming-call button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.5rem;transition:background .3s ease,transform .2s ease}.incoming-call button:hover{transform:translateY(-2px)}.incoming-call button:active{transform:translateY(0)}.incoming-call .accept-button{background:#22c55e}.incoming-call .decline-button{background:#ef4444}.room-container{background:#f3f4f6;font-family:Inter,sans-serif;min-height:100vh;padding:1rem}.room-content{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:1400px}@media (min-width:768px){.room-content{flex-direction:column;gap:1.5rem}}
/*# sourceMappingURL=main.43dcd4a8.css.map*/