body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:flex-start;background-color:#e0e0e0;box-sizing:border-box;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:20px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;max-width:1200px;min-height:calc(100vh - 40px);padding:20px;width:100%}.app-header{margin-bottom:20px;text-align:center;width:100%}.app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6a11cb,#2575fc);-webkit-background-clip:text;color:#333;font-size:2.5rem;letter-spacing:-.5px;margin:0}.toolbar{background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 1px 3px #0000000d;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px;padding:15px 20px;width:100%}.toolbar,.user-info{align-items:center;display:flex}.user-info{background-color:#e6f7ff;border:1px solid #cef;border-radius:6px;flex-shrink:0;gap:8px;padding:8px 12px}.user-info label{color:#0056b3;font-weight:700;white-space:nowrap}.user-info input[type=text]{border:1px solid #add8e6;border-radius:4px;flex-shrink:1;font-size:.95rem;padding:8px 10px;width:120px}.user-presence-color{border:2px solid #ffffff80;border-radius:50%;box-shadow:0 0 0 1px #0000001a;flex-shrink:0;height:20px;width:20px}.clear-button,.tool-button{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;gap:8px;padding:10px 18px;transition:background-color .2s ease,transform .1s ease}.clear-button:hover,.tool-button:hover{background-color:#0056b3;transform:translateY(-2px)}.tool-button.active{background-color:#28a745;box-shadow:0 0 0 3px #28a7454d}.clear-button:disabled,.tool-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.color-picker-container{align-items:center;display:flex;flex-shrink:0}input[type=color]{-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:50%;cursor:pointer;height:40px;outline:none;overflow:hidden;padding:0;transition:transform .2s ease;width:40px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:2px solid #ccc;border-radius:50%}input[type=color]::-moz-color-swatch-wrapper{padding:0}input[type=color]::-moz-color-swatch{border:2px solid #ccc;border-radius:50%}input[type=color]:hover{transform:scale(1.05)}input[type=color]:disabled{cursor:not-allowed;opacity:.5}.stroke-width-container{align-items:center;background-color:#e9ecef;border-radius:6px;display:flex;flex-shrink:0;gap:10px;padding:8px 12px}.stroke-width-container label{color:#555;font-size:.95rem;white-space:nowrap}input[type=range]{-webkit-appearance:none;appearance:none;background:#d3d3d3;border-radius:5px;height:8px;opacity:.7;outline:none;transition:opacity .2s;width:100px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border-radius:50%;box-shadow:0 0 0 2px #007bff4d;cursor:pointer;height:20px;width:20px}input[type=range]::-moz-range-thumb{background:#007bff;border-radius:50%;box-shadow:0 0 0 2px #007bff4d;cursor:pointer;height:20px;width:20px}.stroke-width-value{color:#333;font-weight:700;min-width:40px;text-align:right}.canvas-main-content{align-items:stretch;display:flex;flex-direction:row;flex-grow:1;gap:20px;justify-content:center;width:100%}.active-users-list{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000000d;box-sizing:border-box;flex-shrink:0;max-height:100%;max-width:250px;min-width:180px;overflow-y:auto;padding:15px}.active-users-list h3{border-bottom:1px solid #eee;color:#333;font-size:1.1rem;margin-bottom:15px;margin-top:0;padding-bottom:10px}.active-users-list ul{list-style:none;margin:0;padding:0}.active-users-list li{align-items:center;border-bottom:1px dashed #f0f0f0;color:#555;display:flex;font-size:.95rem;gap:10px;padding:8px 0}.active-users-list li:last-child{border-bottom:none}.active-users-list li.me{color:#007bff;font-weight:700}.canvas-container{align-items:center;border-radius:8px;box-shadow:0 5px 15px #00000014;display:flex;flex-grow:1;flex-shrink:1;justify-content:center;overflow:hidden}.konva-stage{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;max-height:100%;max-width:100%}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:992px){.canvas-main-content{align-items:center;flex-direction:column}.active-users-list{margin-bottom:20px;max-height:200px;max-width:400px;width:100%}.canvas-container{min-height:60vh;min-width:0;min-width:auto;width:100%}}@media (max-width:768px){.app-header h1{font-size:2rem}.toolbar{align-items:stretch;flex-direction:column;gap:10px;padding:10px}.user-info{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.user-info input[type=text]{flex-grow:1;max-width:none;width:auto}.clear-button,.color-picker-container,.stroke-width-container,.tool-button{justify-content:center;width:100%}input[type=range]{width:calc(100% - 120px)}.stroke-width-value{min-width:0;min-width:auto}}@media (max-width:480px){.app-container{border-radius:0;box-shadow:none;min-height:100vh;padding:10px}.app-header h1{font-size:1.8rem}.canvas-container{min-height:55vh}}
/*# sourceMappingURL=main.09b711fa.css.map*/