.drawing-container[data-v-34bbad9e]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;font-family:Arial,sans-serif;background-color:#f9f9f9;padding:20px}.canvas-container[data-v-34bbad9e]{position:relative;overflow:hidden;padding:20px;border-radius:10px;margin-top:20px}.tool-buttons[data-v-34bbad9e]{display:flex;gap:10px}.tool-button[data-v-34bbad9e]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid transparent;border-radius:50%;background-color:#f0f0f0;cursor:pointer;transition:all .2s ease}.tool-button[data-v-34bbad9e]:hover{background-color:#ddd}.tool-button.active[data-v-34bbad9e]{border-color:#000;background-color:#e0e0e0}.controls[data-v-34bbad9e]{width:800px;display:flex;flex-wrap:wrap;gap:15px;align-items:center;padding:10px 20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a}.control-group[data-v-34bbad9e]{display:flex;flex-direction:row;align-items:center;gap:5px}.control-group label[data-v-34bbad9e]{font-weight:700;color:#333}.controls input[data-v-34bbad9e]{padding:5px;border:1px solid #ccc;border-radius:5px;font-size:14px;color:#333}.controls button[data-v-34bbad9e]{background-color:#000;color:#fff;border:none;padding:10px 10px 6px;border-radius:5px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.controls button[data-v-34bbad9e]:hover{background-color:#2e41bf}.controls input[type=range][data-v-34bbad9e]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100px;height:5px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.controls input[type=color][data-v-34bbad9e]{width:30px;height:30px;border:none;border-radius:50%;cursor:pointer;flex-shrink:0}.icon[data-v-34bbad9e]{width:18px;height:18px;fill:#fff}canvas[data-v-34bbad9e]{border:2px solid #000;cursor:crosshair;background-color:#fff;box-shadow:0 4px 8px #0003;touch-action:none}@media (max-width: 768px){.drawing-container[data-v-34bbad9e]{padding:10px}.canvas-container[data-v-34bbad9e]{padding:10px;margin-top:10px}.controls[data-v-34bbad9e]{flex-direction:column;width:auto;padding:20px;gap:8px}.tool-buttons[data-v-34bbad9e]{gap:8px}.control-group[data-v-34bbad9e]{flex-direction:column}.controls input[type=range][data-v-34bbad9e]{width:100%}canvas[data-v-34bbad9e]{width:100%;height:auto}}