.ml-canvas-container[data-v-ddeba608]{width:100%;height:100%;position:relative}.ml-canvas[data-v-ddeba608]{display:block;width:100%;height:100%}.app[data-v-d2c80b9e]{height:100vh;display:flex;flex-direction:column}.header[data-v-d2c80b9e]{padding:20px;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:15px}.header h1[data-v-d2c80b9e]{margin:0;color:#2c3e50}.button-group[data-v-d2c80b9e]{display:flex;gap:10px}.btn[data-v-d2c80b9e]{padding:10px 16px;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .2s}.btn-rectangle[data-v-d2c80b9e]{background:#ff6b6b}.btn-rectangle[data-v-d2c80b9e]:hover{background:#ee5a52}.btn-polygon[data-v-d2c80b9e]{background:#4ecdc4}.btn-polygon[data-v-d2c80b9e]:hover{background:#45b7d1}.btn-image[data-v-d2c80b9e]{background:#ffa726}.btn-image[data-v-d2c80b9e]:hover{background:#ff9800}.btn-clear[data-v-d2c80b9e]{background:#6c757d}.btn-clear[data-v-d2c80b9e]:hover{background:#5a6268}.btn-paste[data-v-d2c80b9e]{background:#28a745}.btn-paste[data-v-d2c80b9e]:hover{background:#218838}.btn-toggle[data-v-d2c80b9e]{background:#17a2b8}.btn-toggle[data-v-d2c80b9e]:hover{background:#138496}.btn-toggle.disabled[data-v-d2c80b9e]{background:#dc3545}.btn-toggle.disabled[data-v-d2c80b9e]:hover{background:#c82333}.btn-mode[data-v-d2c80b9e]{background:#6f42c1}.btn-mode[data-v-d2c80b9e]:hover{background:#5a32a3}.btn-mode.active[data-v-d2c80b9e]{background:#28a745}.btn-mode.active[data-v-d2c80b9e]:hover{background:#218838}.btn-delete-mode[data-v-d2c80b9e]{background:#dc3545!important}.btn-delete-mode[data-v-d2c80b9e]:hover{background:#c82333!important}.btn-delete-mode.active[data-v-d2c80b9e]{background:#b02a37!important}.btn-delete-mode.active[data-v-d2c80b9e]:hover{background:#a02834!important}.btn-info[data-v-d2c80b9e]{background:#17a2b8}.btn-info[data-v-d2c80b9e]:hover{background:#138496}.btn-export[data-v-d2c80b9e]{background:#fd7e14}.btn-export[data-v-d2c80b9e]:hover{background:#e96a00}.btn-clear-shapes[data-v-d2c80b9e]{background:#dc3545}.btn-clear-shapes[data-v-d2c80b9e]:hover{background:#c82333}.btn-reset[data-v-d2c80b9e]{background:#e74c3c}.btn-reset[data-v-d2c80b9e]:hover{background:#c0392b}.instructions[data-v-d2c80b9e]{position:absolute;top:10px;left:10px;background:#ffffffe6;padding:15px;border-radius:5px;border:1px solid #dee2e6;max-width:300px;transition:all .3s ease}.instructions.collapsed[data-v-d2c80b9e]{padding:10px 15px}.instructions p[data-v-d2c80b9e]{margin:0 0 10px;font-weight:700}.instructions ul[data-v-d2c80b9e]{margin:0;padding-left:20px}.instructions li[data-v-d2c80b9e]{margin-bottom:5px}.pane-header[data-v-d2c80b9e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pane-header p[data-v-d2c80b9e]{margin:0}.collapse-btn[data-v-d2c80b9e]{background:none;border:none;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:3px;transition:background-color .2s;color:#6c757d}.collapse-btn[data-v-d2c80b9e]:hover{background-color:#0000001a}.pane-content[data-v-d2c80b9e]{animation:fadeIn-d2c80b9e .3s ease-in-out}@keyframes fadeIn-d2c80b9e{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shapes-info[data-v-d2c80b9e]{position:absolute;top:10px;right:10px;background:#ffffffe6;padding:15px;border-radius:5px;border:1px solid #dee2e6;max-width:350px;max-height:300px;overflow-y:auto;transition:all .3s ease}.shapes-info.collapsed[data-v-d2c80b9e]{padding:10px 15px;max-height:none;overflow:visible}.shapes-info p[data-v-d2c80b9e]{margin:0 0 10px;font-weight:700}.shape-item[data-v-d2c80b9e]{margin-bottom:8px;padding:5px;background:#f8f9fa;border-radius:3px;font-size:12px}.shape-item strong[data-v-d2c80b9e]{color:#495057}.main[data-v-d2c80b9e]{flex:1;padding:20px}.canvas-wrapper[data-v-d2c80b9e]{width:100%;height:100%;border:2px dashed #dee2e6;border-radius:8px;position:relative}.freestyle-controls[data-v-d2c80b9e]{position:absolute;bottom:10px;left:10px;background:#fffffff2;padding:15px;border-radius:5px;border:1px solid #dee2e6;min-width:250px;box-shadow:0 2px 4px #0000001a}.freestyle-controls p[data-v-d2c80b9e]{margin:0 0 10px;font-weight:700;color:#495057}.control-group[data-v-d2c80b9e]{margin-bottom:12px}.control-group label[data-v-d2c80b9e]{display:block;font-size:12px;font-weight:500;color:#6c757d;margin-bottom:4px}.slider[data-v-d2c80b9e]{width:100%;height:4px;border-radius:2px;background:#ddd;outline:none;-webkit-appearance:none}.slider[data-v-d2c80b9e]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#06f;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}.slider[data-v-d2c80b9e]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#06f;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}