.mode-switch[data-v-8304fca7]{display:flex;justify-content:center}.batch-preview-area[data-v-8304fca7],.preview-area[data-v-8304fca7]{width:100%}.preview-title[data-v-8304fca7]{font-weight:500}.barcode-container[data-v-8304fca7],.batch-preview-container[data-v-8304fca7]{align-items:center;border:2px dashed #dcdfe6;border-radius:6px;display:flex;justify-content:center;min-height:200px;padding:20px;position:relative;width:100%}#barcode-canvas[data-v-8304fca7]{height:auto;max-width:100%}.empty-hint[data-v-8304fca7]{align-items:center;display:flex;flex-direction:column;justify-content:center}.empty-icon[data-v-8304fca7]{color:#c0c4cc}.dark .empty-icon[data-v-8304fca7]{color:#909399}.batch-input-area[data-v-8304fca7]{width:100%}.batch-info[data-v-8304fca7]{align-items:center;display:flex;gap:10px}.batch-preview-list[data-v-8304fca7]{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:600px;overflow-y:auto;padding:10px;width:100%}.batch-preview-item[data-v-8304fca7]{align-items:center;background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;display:flex;flex-direction:column;padding:10px;transition:all .3s}.dark .batch-preview-item[data-v-8304fca7]{background-color:#1a1a1a;border-color:#4c4d4f}.batch-preview-item[data-v-8304fca7]:hover{box-shadow:0 2px 12px #0000001a;transform:translateY(-2px)}.batch-preview-item img[data-v-8304fca7]{height:auto;margin-bottom:8px;max-width:100%}.batch-preview-text[data-v-8304fca7]{color:#606266;font-size:12px;text-align:center;word-break:break-all}.dark .batch-preview-text[data-v-8304fca7]{color:#c0c4cc}.batch-preview-item.has-error[data-v-8304fca7]{background-color:#fef0f0;border-color:#f56c6c}.dark .batch-preview-item.has-error[data-v-8304fca7]{background-color:#2b1d1d;border-color:#f56c6c}.error-item[data-v-8304fca7]{align-items:center;display:flex;flex-direction:column;gap:8px;padding:10px 0;width:100%}.error-message[data-v-8304fca7]{color:#f56c6c;font-size:11px;margin:0;text-align:center;word-break:break-all}@media(max-width:768px){.barcode-container[data-v-8304fca7],.batch-preview-container[data-v-8304fca7]{min-height:150px}.batch-preview-list[data-v-8304fca7]{gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}