/* PQR_BARCODE_CENTER_MOBILE_V1 */
html body.pqr-studio-page main.pqr-studio-main .pqr-studio-hero {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:none!important;
  margin-inline:auto!important;
  text-align:center!important;
  box-sizing:border-box;
}
html body.pqr-studio-page main.pqr-studio-main .pqr-studio-eyebrow {
  align-self:center!important;
  margin-inline:auto!important;
}
html body.pqr-studio-page main.pqr-studio-main .pqr-studio-hero h1 {
  width:100%!important;
  max-width:none!important;
  text-align:center!important;
}
html body.pqr-studio-page main.pqr-studio-main .pqr-studio-hero p {
  width:100%!important;
  max-width:820px!important;
  margin-inline:auto!important;
  text-align:center!important;
}
html body.pqr-studio-page main.pqr-studio-main .pqr-type-navigation {
  margin-inline:auto!important;
  justify-content:center!important;
}
html body.pqr-studio-page main.pqr-studio-main #previewContainer {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  padding:18px!important;
  box-sizing:border-box!important;
}
html body.pqr-studio-page main.pqr-studio-main #previewContainer > :is(svg,canvas) {
  flex:0 0 auto;
  max-width:100%!important;
  height:auto!important;
  margin-inline:auto!important;
}
html body.pqr-studio-page main.pqr-studio-main #errorMsg {
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}

@media(max-width:991px) {
  html body.pqr-studio-page main.pqr-studio-main .col-lg-5 {
    min-width:0!important;
    max-width:100%!important;
  }
  html body.pqr-studio-page main.pqr-studio-main .col-lg-5 > .studio-card {
    position:static!important;
    height:auto!important;
    max-height:none!important;
    min-width:0!important;
    margin-top:16px;
  }
  html body.pqr-studio-page main.pqr-studio-main #previewContainer {
    padding:14px!important;
    min-height:180px;
  }
  html body.pqr-studio-page main.pqr-studio-main #barcodeExportStudio {
    min-width:0!important;
    max-width:100%!important;
    text-align:start;
  }
  html body.pqr-studio-page main.pqr-studio-main #barcodeExportStudio select {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  html body.pqr-studio-page main.pqr-studio-main #barcodeProfessionalDownload {
    max-width:100%!important;
    white-space:normal!important;
    line-height:1.4;
  }
}

/* PQR_BARCODE_WORKSPACE_2027_V2 */
html body.pqr-studio-page main.pqr-studio-main {
  --bc-panel:#fff;
  --bc-soft:#f5f7fc;
  --bc-ink:#18243c;
  --bc-muted:#596a84;
  --bc-line:#dce4f0;
  --bc-accent:#6046df;
  --bc-tint:#eeeafd;
  --bc-shadow:0 16px 48px rgba(28,43,77,.065);
}
html[data-pqr-theme="glass"] body.pqr-studio-page main.pqr-studio-main {
  --bc-panel:rgba(255,255,255,.83);
  --bc-soft:rgba(244,247,255,.82);
  --bc-line:rgba(151,166,200,.35);
  --bc-shadow:0 18px 52px rgba(49,65,109,.09);
}
html[data-pqr-theme="midnight"] body.pqr-studio-page main.pqr-studio-main {
  --bc-panel:#121c2e;
  --bc-soft:#19253b;
  --bc-ink:#edf3ff;
  --bc-muted:#afbed5;
  --bc-line:#30415b;
  --bc-accent:#b4a2ff;
  --bc-tint:#2b2547;
  --bc-shadow:0 16px 48px rgba(0,0,0,.2);
  color-scheme:dark;
}

html body.pqr-studio-page main.pqr-studio-main > .container {
  width:min(1440px,calc(100% - 40px))!important;
  max-width:1440px!important;
}
html body.pqr-studio-page main.pqr-studio-main .pqr-studio-hero {
  padding:28px 0 24px!important;
}
html body.pqr-studio-page main.pqr-studio-main .pqr-studio-hero h1 {
  color:var(--bc-ink)!important;
  font-size:clamp(30px,3.5vw,46px)!important;
  line-height:1.15;
}
html body.pqr-studio-page main.pqr-studio-main .pqr-studio-hero p {
  color:var(--bc-muted)!important;
  font-size:14px!important;
  line-height:1.75;
}

/* Format cards */
html body.pqr-studio-page main.pqr-studio-main .pqr-type-navigation {
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  max-width:1200px!important;
  padding:12px!important;
  margin:0 auto 24px!important;
  background:var(--bc-panel)!important;
  border:1px solid var(--bc-line)!important;
  border-radius:20px!important;
  box-shadow:var(--bc-shadow)!important;
}
html body.pqr-studio-page main.pqr-studio-main .pqr-type-navigation > :is(a,button) {
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  min-height:52px;
  min-width:0;
  padding:10px!important;
  color:var(--bc-muted)!important;
  background:var(--bc-soft)!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:650;
  line-height:1.35;
  text-align:start;
  white-space:normal!important;
  text-decoration:none;
  transition:background .18s,border-color .18s,transform .18s;
}
html body.pqr-studio-page main.pqr-studio-main .pqr-type-navigation > :is(a,button)::before {
  content:"\f02a";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  color:var(--bc-accent);
  background:var(--bc-tint);
  border-radius:9px;
  font-size:13px;
}
html body.pqr-studio-page main.pqr-studio-main .pqr-type-navigation > :is(a,button):hover,
html body.pqr-studio-page main.pqr-studio-main .pqr-type-navigation > .active,
html body.pqr-studio-page main.pqr-studio-main .pqr-type-navigation > [aria-pressed="true"] {
  color:var(--bc-ink)!important;
  background:var(--bc-tint)!important;
  border-color:var(--bc-accent)!important;
}

/* Single and batch workspace tabs */
html body.pqr-studio-page main.pqr-studio-main #studioTabs {
  justify-content:center;
  gap:8px!important;
}
html body.pqr-studio-page main.pqr-studio-main #studioTabs .nav-link {
  padding:12px 18px;
  border:1px solid var(--bc-line);
  border-radius:12px;
  color:var(--bc-muted);
  background:var(--bc-panel);
  font-size:13px;
  font-weight:650;
}
html body.pqr-studio-page main.pqr-studio-main #studioTabs .nav-link.active {
  color:var(--bc-accent);
  background:var(--bc-tint);
  border-color:var(--bc-accent);
}

/* Main editing panels */
html body.pqr-studio-page main.pqr-studio-main #singlePane > .row {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);
  gap:22px;
  margin:0;
}
html body.pqr-studio-page main.pqr-studio-main #singlePane > .row > :is(.col-lg-7,.col-lg-5) {
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  padding:0;
}
html body.pqr-studio-page main.pqr-studio-main #studioTabContent .studio-card {
  padding:24px!important;
  border:1px solid var(--bc-line)!important;
  border-radius:22px!important;
  background:var(--bc-panel)!important;
  color:var(--bc-ink)!important;
  box-shadow:var(--bc-shadow)!important;
}
html body.pqr-studio-page main.pqr-studio-main #studioTabContent :is(h4,h5) {
  color:var(--bc-ink)!important;
  font-size:19px;
  letter-spacing:-.025em;
}
html body.pqr-studio-page main.pqr-studio-main #studioTabContent :is(.form-label,.form-check-label) {
  color:var(--bc-muted)!important;
  font-size:12px!important;
}
html body.pqr-studio-page main.pqr-studio-main #studioTabContent :is(.form-control,.form-select) {
  min-height:46px;
  color:var(--bc-ink)!important;
  background-color:var(--bc-soft)!important;
  border:1px solid var(--bc-line)!important;
  border-radius:11px!important;
  box-shadow:none!important;
  font-size:14px;
}
html body.pqr-studio-page main.pqr-studio-main #studioTabContent .form-control::placeholder {
  color:var(--bc-muted);
  opacity:1;
}
html body.pqr-studio-page main.pqr-studio-main .color-picker-wrapper {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
html body.pqr-studio-page main.pqr-studio-main .color-picker-wrapper input[type="color"] {
  flex:0 0 44px;
  width:44px;
  height:44px;
  padding:4px;
  border:1px solid var(--bc-line);
  border-radius:10px;
  background:var(--bc-panel);
}
html body.pqr-studio-page main.pqr-studio-main .form-range {
  accent-color:var(--bc-accent);
}

/* Preview and analysis */
html body.pqr-studio-page main.pqr-studio-main #singlePane .col-lg-5 > .studio-card {
  height:auto!important;
  gap:20px;
  justify-content:flex-start!important;
}
html body.pqr-studio-page main.pqr-studio-main #previewContainer {
  min-height:240px;
  border:1px solid var(--bc-line)!important;
  border-radius:17px!important;
  background:var(--bc-soft)!important;
}
html body.pqr-studio-page main.pqr-studio-main #barcodeIntelligence {
  color:var(--bc-ink)!important;
  background:var(--bc-soft)!important;
  border:1px solid var(--bc-line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}

/* Export studio */
html body.pqr-studio-page main.pqr-studio-main #barcodeExportStudio {
  padding:18px!important;
  color:var(--bc-ink)!important;
  background:var(--bc-soft)!important;
  border:1px solid var(--bc-line)!important;
  border-radius:17px!important;
  box-shadow:none!important;
}
html body.pqr-studio-page main.pqr-studio-main #barcodeExportStudio .pqr-export-heading {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
html body.pqr-studio-page main.pqr-studio-main #barcodeExportStudio .pqr-export-heading strong {
  color:var(--bc-ink)!important;
  font-size:18px;
}
html body.pqr-studio-page main.pqr-studio-main #barcodeExportStudio :is(small,label,.pqr-export-summary) {
  color:var(--bc-muted)!important;
}
html body.pqr-studio-page main.pqr-studio-main #barcodeExportStudio .pqr-export-eyebrow {
  color:var(--bc-accent)!important;
  font-size:10px;
  letter-spacing:.1em;
}
html body.pqr-studio-page main.pqr-studio-main #barcodeExportStudio .pqr-format-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
html body.pqr-studio-page main.pqr-studio-main #barcodeExportStudio .pqr-format-option {
  min-width:0;
  min-height:65px;
  padding:10px 5px;
  border:1px solid var(--bc-line)!important;
  border-radius:11px!important;
  color:var(--bc-ink)!important;
  background:var(--bc-panel)!important;
  box-shadow:none!important;
}
html body.pqr-studio-page main.pqr-studio-main #barcodeExportStudio .pqr-format-option.active {
  border-color:var(--bc-accent)!important;
  background:var(--bc-tint)!important;
  color:var(--bc-accent)!important;
}
html body.pqr-studio-page main.pqr-studio-main #barcodeExportStudio .pqr-export-controls {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
html body.pqr-studio-page main.pqr-studio-main #barcodeExportStudio .pqr-export-controls > div {
  min-width:0;
}
html body.pqr-studio-page main.pqr-studio-main #barcodeProfessionalDownload {
  width:100%;
  min-height:50px;
  padding:13px 16px!important;
  color:#fff!important;
  background:linear-gradient(115deg,#6444df,#356be4)!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:0 8px 22px rgba(83,69,207,.2)!important;
  white-space:normal;
  font-weight:700;
  transition:transform .18s,box-shadow .18s;
}
html body.pqr-studio-page main.pqr-studio-main #barcodeProfessionalDownload:hover:not(:disabled) {
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(83,69,207,.27)!important;
}
html body.pqr-studio-page main.pqr-studio-main :is(a,button,input,select):focus-visible {
  outline:3px solid var(--bc-accent)!important;
  outline-offset:3px;
}

@media(max-width:1250px) {
  html body.pqr-studio-page main.pqr-studio-main .pqr-type-navigation {
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}
@media(max-width:991px) {
  html body.pqr-studio-page main.pqr-studio-main #singlePane > .row {
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.pqr-studio-page main.pqr-studio-main .pqr-type-navigation {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:600px) {
  html body.pqr-studio-page main.pqr-studio-main > .container {
    width:calc(100% - 16px)!important;
    padding-inline:4px!important;
  }
  html body.pqr-studio-page main.pqr-studio-main .pqr-type-navigation {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    padding:8px!important;
    gap:6px!important;
  }
  html body.pqr-studio-page main.pqr-studio-main .pqr-type-navigation > :is(a,button) {
    flex-direction:column;
    justify-content:center;
    text-align:center;
    font-size:11px!important;
    min-height:72px;
    padding:8px 4px!important;
  }
  html body.pqr-studio-page main.pqr-studio-main #studioTabContent .studio-card {
    padding:16px!important;
    border-radius:18px!important;
  }
  html body.pqr-studio-page main.pqr-studio-main #barcodeExportStudio .pqr-export-controls {
    grid-template-columns:minmax(0,1fr);
  }
  html body.pqr-studio-page main.pqr-studio-main #studioTabs .nav-link {
    font-size:12px;
    padding:10px 12px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html body.pqr-studio-page main.pqr-studio-main :is(a,button,input,select) {
    transition:none!important;
    animation:none!important;
  }
}