/* Barcode Generator — tool-specific styles */
.bc-grid { display: grid; grid-template-columns: 320px 1fr; gap: 26px; align-items: start; }
.bc-controls { display: flex; flex-direction: column; gap: 14px; }
.bc-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bc-check { display: flex; align-items: center; gap: 9px; font-size: .92rem; color: var(--muted); cursor: pointer; }
.bc-check input { width: 16px; height: 16px; accent-color: var(--accent); }
.bc-actions { display: flex; gap: 10px; margin-top: 4px; }
.bc-actions .btn { flex: 1; }
.bc-preview { min-height: 260px; display: grid; place-items: center; }
.bc-stage { width: 100%; min-height: 220px; display: grid; place-items: center; padding: 24px;
  background: repeating-conic-gradient(#1a1f38 0% 25%, #161a30 0% 50%) 50% / 22px 22px; border: 1px solid var(--line); border-radius: var(--radius); }
.bc-stage canvas { max-width: 100%; height: auto; background: #fff; border-radius: 8px; box-shadow: var(--shadow-md); }
@media (max-width: 760px) { .bc-grid { grid-template-columns: 1fr; } .bc-preview { order: -1; } }