.barcode-config-panel{display:flex;flex-direction:column;gap:1rem}.barcode-config-panel .barcode-form-group{display:flex;flex-direction:column;gap:.5rem}.barcode-config-panel .barcode-form-group .format-hint{font-size:.75rem;color:#6b7280;margin-top:.2rem}.barcode-config-panel .barcode-form-group label{font-size:.8rem;font-weight:600;color:#475569}.barcode-config-panel .barcode-form-group input,.barcode-config-panel .barcode-form-group select{padding:.625rem .75rem;border:.0625rem solid #e2e8f0;border-radius:.5rem;font-size:.875rem;outline:0;transition:border .2s;cursor:pointer;height:2.75rem}.barcode-config-panel .barcode-form-group input:focus,.barcode-config-panel .barcode-form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 .2rem rgba(37,99,235,.15)}.barcode-config-panel .barcode-form-group input[type=color]{padding:.25rem;height:2.75rem;cursor:pointer}.barcode-config-panel .barcode-form-group input[type=color]:disabled{opacity:.5;cursor:not-allowed}.barcode-config-panel .barcode-form-group input[type=number]{-moz-appearance:textfield}.barcode-config-panel .barcode-form-group input[type=number]::-webkit-inner-spin-button,.barcode-config-panel .barcode-form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.barcode-config-panel .row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.barcode-config-panel .row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.barcode-config-panel .checkbox-group{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;padding-top:.25rem}.barcode-config-panel .checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;font-size:.875rem}.barcode-config-panel .checkbox-group input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:#2563eb}.barcode-config-panel .error-msg,.barcode-config-panel .warning-msg{font-size:.813rem;font-weight:500;padding:.5rem .75rem;border-radius:.375rem;border-left:.25rem solid var(--primary-color);display:none;margin-top:.125rem}.barcode-config-panel .error-msg{color:#dc2626;background:#fef2f2;border-color:#dc2626}.barcode-config-panel .warning-msg{color:#d97706;background:#fffbeb;border-color:#d97706}.barcode-config-panel .error-msg.show,.warning-msg.show{display:block}.barcode-preview-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;border:.0625rem dashed #e2e8f0;border-radius:.75rem;padding:1.5rem 1rem;background:#fff;min-height:18rem;position:relative;margin-top:2rem}.barcode-preview-panel #barcodeContainer{width:100%;display:flex;justify-content:center;align-items:center;min-height:12rem;overflow-x:auto;padding:.5rem 0}.barcode-preview-panel #barcodeContainer svg{max-width:100%;max-height:18rem;height:auto;background:#fff}.barcode-preview-panel .btn-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;margin-top:1.5rem}.barcode-preview-panel .btn{padding:.75rem 1.25rem;border:0;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;text-align:center;letter-spacing:.2rem}.barcode-preview-panel .btn:disabled{opacity:.4;cursor:not-allowed}.barcode-preview-panel .btn-primary{background:#2563eb;color:#fff}.barcode-preview-panel .btn-primary:hover:not(:disabled){background:#1d4ed8}.barcode-preview-panel .btn-success{background:#059669;color:#fff}.barcode-preview-panel .btn-success:hover:not(:disabled){background:#047857}.barcode-preview-panel .btn-secondary{background:#6b7280;color:#fff}.barcode-preview-panel .btn-secondary:hover:not(:disabled){background:#4b5563}.barcode-preview-panel .btn-warning{background:#d97706;color:#fff}.barcode-preview-panel .btn-warning:hover:not(:disabled){background:#b45309}@media (max-width:768px){.barcode-config-panel .row-3,.barcode-preview-panel .btn-group{grid-template-columns:1fr}}