.workcard-container[data-v-e0940c72]{max-width:1400px;margin:0 auto;padding:20px}.toolbar[data-v-e0940c72]{display:flex;gap:10px;margin-bottom:20px;padding:15px;background:#f5f5f5;border-radius:8px;flex-wrap:wrap}.file-btn[data-v-e0940c72]{position:relative;cursor:pointer}.file-btn input[type=file][data-v-e0940c72]{position:absolute;inset:0;opacity:0;cursor:pointer}.btn[data-v-e0940c72]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.btn-primary[data-v-e0940c72]{background:#2196f3;color:#fff}.btn-primary[data-v-e0940c72]:hover{background:#1976d2}.btn-success[data-v-e0940c72]{background:#4caf50;color:#fff}.btn-success[data-v-e0940c72]:hover{background:#45a049}.btn-warning[data-v-e0940c72]{background:#ff9800;color:#fff}.btn-warning[data-v-e0940c72]:hover{background:#f57c00}.btn-danger[data-v-e0940c72]{background:#f44336;color:#fff}.btn-danger[data-v-e0940c72]:hover{background:#d32f2f}.workcard-layout[data-v-e0940c72]{display:flex;gap:20px;margin-top:20px}.left-panel[data-v-e0940c72]{width:260px;background:#f5f5f5;padding:15px;border-radius:8px;flex-shrink:0}.canvas-area[data-v-e0940c72]{flex:1;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-height:600px;display:flex;justify-content:center;align-items:flex-start}.right-panel[data-v-e0940c72]{width:280px;background:#f5f5f5;padding:15px;border-radius:8px;flex-shrink:0}.panel-title[data-v-e0940c72]{font-weight:700;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #ddd}.tool-section[data-v-e0940c72]{margin-bottom:20px}.tool-section h3[data-v-e0940c72]{font-size:14px;margin-bottom:10px;color:#333}.text-templates[data-v-e0940c72]{display:flex;flex-direction:column;gap:8px}.template-item[data-v-e0940c72]{padding:10px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;transition:all .3s}.template-item[data-v-e0940c72]:hover{background:#e3f2fd;border-color:#2196f3}.image-templates[data-v-e0940c72]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.image-template-item[data-v-e0940c72]{height:80px;border:2px solid #ddd;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#f9f9f9;font-size:12px;color:#666;transition:all .3s}.image-template-item[data-v-e0940c72]:hover{border-color:#2196f3;background:#e3f2fd}.background-patterns[data-v-e0940c72]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pattern-item[data-v-e0940c72]{width:100%;height:60px;border:2px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s}.pattern-item[data-v-e0940c72]:hover{border-color:#2196f3;transform:scale(1.05)}.pattern-item.selected[data-v-e0940c72]{border-color:#2196f3;box-shadow:0 0 8px #2196f380}.workcard-canvas[data-v-e0940c72]{width:300px;height:450px;background:#fff;border:2px solid #333;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.workcard-canvas.horizontal[data-v-e0940c72]{width:450px;height:300px}.canvas-element[data-v-e0940c72]{position:absolute;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px;border:2px solid transparent;transition:border-color .2s}.canvas-element.selected[data-v-e0940c72]{border-color:#2196f3;background:#2196f31a}.canvas-element img[data-v-e0940c72]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.control-group[data-v-e0940c72]{margin-bottom:15px}.control-group label[data-v-e0940c72]{display:block;margin-bottom:5px;font-size:13px;color:#666}.control-group input[data-v-e0940c72],.control-group select[data-v-e0940c72],.control-group textarea[data-v-e0940c72]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.control-group input[type=color][data-v-e0940c72]{height:40px;padding:2px}.layer-item[data-v-e0940c72]{display:flex;align-items:center;padding:8px 12px;background:#fff;margin-bottom:5px;border-radius:4px;cursor:pointer;border:1px solid #ddd;transition:all .2s}.layer-item[data-v-e0940c72]:hover{background:#e3f2fd}.layer-item.selected[data-v-e0940c72]{background:#2196f3;color:#fff}.layer-icon[data-v-e0940c72]{margin-right:8px}.layer-name[data-v-e0940c72]{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-actions[data-v-e0940c72]{display:flex;gap:5px}.layer-btn[data-v-e0940c72]{padding:2px 6px;font-size:12px;border:none;border-radius:3px;cursor:pointer}.layer-btn.up[data-v-e0940c72]{background:#4caf50;color:#fff}.layer-btn.down[data-v-e0940c72]{background:#ff9800;color:#fff}.layer-btn.delete[data-v-e0940c72]{background:#f44336;color:#fff}.usage-guide[data-v-e0940c72]{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-top:2rem;border:1px solid #e9ecef}.usage-guide h3[data-v-e0940c72]{margin-top:0;color:#2196f3}.guide-grid[data-v-e0940c72]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.guide-grid h4[data-v-e0940c72]{color:#333;margin-bottom:.75rem}.guide-grid ul[data-v-e0940c72]{margin:0;padding-left:1.5rem;color:#6c757d}.guide-grid li[data-v-e0940c72]{margin-bottom:.3rem}@media(max-width:1024px){.workcard-layout[data-v-e0940c72]{flex-direction:column}.left-panel[data-v-e0940c72],.right-panel[data-v-e0940c72]{width:100%}.canvas-area[data-v-e0940c72]{min-height:500px}}@media(max-width:768px){.toolbar[data-v-e0940c72]{flex-direction:column}.toolbar .btn[data-v-e0940c72]{width:100%}}