.whiteboard-app[data-v-7bbe4f1b]{display:flex;flex-direction:column;height:100%;border:1px solid #dcdfe6;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);background:#f0f2f5}.header[data-v-7bbe4f1b]{height:50px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #dcdfe6}.title[data-v-7bbe4f1b]{font-weight:700;color:#303133}.main-content[data-v-7bbe4f1b]{flex:1;display:flex;overflow:hidden}.sidebar[data-v-7bbe4f1b]{min-width:100px;background:#fff;border-right:1px solid #dcdfe6;display:flex;flex-direction:column;align-items:center;padding:15px 0}.tool-section[data-v-7bbe4f1b]{margin-bottom:25px;text-align:center}.tool-section .label[data-v-7bbe4f1b]{font-size:12px;color:#909399;margin-bottom:10px}.tool-grid[data-v-7bbe4f1b]{display:flex;flex-direction:column;gap:10px}.tool-item[data-v-7bbe4f1b]{width:40px;height:40px;border:1px solid #dcdfe6;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:20px;color:#606266}.tool-item[data-v-7bbe4f1b]:hover{background:#ecf5ff;color:#36f}.tool-item.active[data-v-7bbe4f1b]{background:#36f;color:#fff;border-color:#36f}.canvas-wrapper[data-v-7bbe4f1b]{flex:1;background:#fff;border-radius:4px;box-shadow:inset 0 0 5px rgba(0,0,0,.05);position:relative}canvas[data-v-7bbe4f1b]{display:block}