.barcode-hero:before{background:radial-gradient(circle,rgba(108,92,231,.15),transparent 68%)}
.barcode-hero:after{background:radial-gradient(circle,rgba(255,184,77,.14),transparent 68%)}
.barcode-workspace{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)}
.format-help{color:var(--muted);font-size:.69rem;line-height:1.45}
.checkbox-field{display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid rgba(108,92,231,.11);border-radius:12px;background:rgba(108,92,231,.045);cursor:pointer}
.checkbox-field input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--primary)}
.checkbox-field>span{min-width:0}.checkbox-field strong,.checkbox-field small{display:block}.checkbox-field strong{font-size:.76rem}.checkbox-field small{margin-top:2px;color:var(--muted);font-size:.67rem;font-weight:500}
.barcode-orbit{position:relative;display:grid;place-items:center;width:210px;height:166px;border:1px solid rgba(108,92,231,.12);border-radius:36px;background:rgba(255,255,255,.72);box-shadow:0 22px 55px rgba(74,63,161,.09)}
.barcode-orbit:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(108,92,231,.19);border-radius:23px;animation:pulse 2.8s ease-in-out infinite}
.barcode-orbit svg{position:relative;width:128px;fill:#6c5ce7}
.barcode-orbit .dot-one{top:4px;left:38px}.barcode-orbit .dot-two{right:-3px;top:72px}.barcode-orbit .dot-three{bottom:8px;left:20px}
.barcode-loader{display:flex;align-items:stretch;gap:5px;height:96px;padding:18px 22px;border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(53,49,110,.12)}
.barcode-loader span{display:block;width:8px;background:var(--primary);animation:barcode-pulse 1s ease-in-out infinite}.barcode-loader span:nth-child(2){width:3px;animation-delay:.1s}.barcode-loader span:nth-child(3){width:13px;animation-delay:.2s}.barcode-loader span:nth-child(4){width:4px;animation-delay:.3s}.barcode-loader span:nth-child(5){width:9px;animation-delay:.4s}
.barcode-grid{grid-template-columns:1fr;max-height:500px}
.barcode-card{padding:12px}
.barcode-image-wrap{display:grid;place-items:center;min-height:152px;padding:14px;border-radius:10px;background:var(--barcode-background,#fff);overflow:auto}
.barcode-image-wrap img{display:block;max-width:100%;height:auto;max-height:145px;object-fit:contain}
.barcode-card .qr-card-footer{align-items:flex-start}
.barcode-downloads{display:flex;flex:0 0 auto;gap:5px}
.barcode-downloads .icon-button{width:auto;min-width:34px;padding:0 8px;font-size:.58rem;font-weight:900;text-transform:uppercase}
.barcode-batch-actions{grid-template-columns:1fr 1fr auto}
.barcode-batch-actions .btn-secondary.zip-button{color:var(--primary-dark);border-color:var(--border);background:#fff}
.barcode-batch-actions .btn-secondary.zip-button:hover{background:#f5f3ff}
.barcode-card-error{padding:18px;border:1px solid #f3cad2;border-radius:14px;color:#9f3c51;background:#fff7f8;font-size:.76rem;line-height:1.5}
@keyframes barcode-pulse{50%{opacity:.25;transform:scaleY(.72)}}
@media(max-width:1100px) and (min-width:981px){.barcode-workspace{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)}}
@media(max-width:980px){.barcode-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:650px}.barcode-image-wrap{min-height:140px}.barcode-batch-actions{grid-template-columns:1fr 1fr auto}}
@media(max-width:700px){.barcode-grid{grid-template-columns:1fr}.barcode-batch-actions{grid-template-columns:1fr 1fr}.barcode-batch-actions #startOverBtn{grid-column:1/-1}.barcode-image-wrap{min-height:130px}}
@media(max-width:430px){.barcode-batch-actions{grid-template-columns:1fr}.barcode-batch-actions #startOverBtn{grid-column:auto}.barcode-downloads .icon-button{min-width:32px;padding-inline:6px}}