.whiteboard-wrapper[data-v-368eaf92]{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}@media(min-width:768px){.whiteboard-wrapper[data-v-368eaf92]{display:block}}.drawing-tools[data-v-368eaf92]{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0003;left:80px;opacity:1;padding:10px;pointer-events:auto;position:fixed;top:50%;transform:translateY(-50%);z-index:102}.color-picker[data-v-368eaf92]{display:flex;flex-direction:column;gap:8px}.color-btn[data-v-368eaf92]{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:30px;margin-bottom:4px;outline:1px solid #ddd;width:30px}.color-btn.active[data-v-368eaf92]{border:2px solid #333}.eraser-btn[data-v-368eaf92]{align-items:center;background-color:#f8f9fa;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.eraser-btn.active[data-v-368eaf92]{background-color:#e9ecef;border:2px solid #333}canvas[data-v-368eaf92]{height:100%;left:0;position:absolute;top:0;touch-action:none;width:100%;-webkit-user-drag:none;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}.line-width-controls[data-v-368eaf92]{display:flex;flex-direction:column;gap:8px;margin-top:10px}.width-btn[data-v-368eaf92]{align-items:center;background:#f8f9fa;border:none;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;padding:2px;width:30px}.width-btn[data-v-368eaf92]:hover{background:#e9ecef}.width-preview[data-v-368eaf92]{background:#333;border-radius:4px;width:20px}.line-width-selector[data-v-368eaf92]{position:relative}.current-width-btn[data-v-368eaf92]{align-items:center;background:#f8f9fa;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.width-options[data-v-368eaf92]{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0003;display:flex;flex-direction:column;gap:8px;left:40px;padding:8px;position:absolute;top:0}.history-btn[data-v-368eaf92]{align-items:center;background-color:#f8f9fa;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.history-btn[data-v-368eaf92]:disabled{cursor:not-allowed;opacity:.5}.history-btn[data-v-368eaf92]:not(:disabled):hover{background-color:#e9ecef}.divider[data-v-368eaf92]{background-color:#ddd;height:1px;margin:8px 0;width:100%}