.fs-barcode-hero{padding:10rem 0 4rem;background:radial-gradient(ellipse at 15% 0,#efedff 0,transparent 50%),#f8f8fc}.fs-barcode-heading{text-align:center;max-width:780px;margin:0 auto 2.5rem}.fs-barcode-heading h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.04em}.fs-barcode-heading h1 span{color:var(--fs-primary)}.fs-barcode-tool{display:grid;grid-template-columns:1fr 1fr;max-width:1040px;margin:auto;overflow:hidden;border:1px solid var(--fs-border);border-radius:1.5rem;background:#fff;box-shadow:0 1rem 3rem #30276a0a}.fs-barcode-settings,.fs-barcode-result{padding:2rem;min-width:0}.fs-barcode-settings{border-right:1px solid var(--fs-border)}.fs-barcode-tool h2{display:flex;align-items:center;gap:.6rem;font-size:1.15rem;margin-bottom:1.75rem;font-weight:700}.fs-barcode-tool h2 i{color:var(--fs-primary)}.fs-barcode-tool .form-label{color:var(--fs-ink);font-weight:600}.fs-barcode-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}.fs-barcode-help{font-size:.8rem;line-height:1.6;color:var(--fs-muted);margin:.5rem 0 1.1rem}.fs-barcode-data-label{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.fs-barcode-example{border:0;padding:0;color:var(--fs-primary);background:transparent;font-size:.8rem}.fs-barcode-example:hover{text-decoration:underline}.fs-barcode-data{font-family:monospace}.fs-barcode-text-switch{margin:1.25rem 0}.fs-barcode-font{display:grid;grid-template-columns:1fr 80px;gap:1rem;align-items:center}.fs-barcode-font .form-range{margin:0}.fs-barcode-result{display:flex;flex-direction:column;justify-content:center;background:#fcfcff}.fs-barcode-result-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.fs-barcode-result-heading span{font-size:.75rem;color:#377e59;background:#e6f6ed;padding:.3rem .6rem;border-radius:2rem;margin-bottom:1.5rem}.fs-barcode-preview{display:flex;align-items:center;justify-content:center;min-height:260px;padding:1.5rem;border:1px dashed #d8d5ee;border-radius:1rem;background:#fff}.fs-barcode-preview svg{display:block;width:100%;height:auto;max-height:320px}.fs-barcode-summary{font-size:.85rem;text-align:center;color:var(--fs-muted);margin:1rem 0 .3rem}.fs-barcode-encoded{font-family:monospace;font-size:.85rem;text-align:center;overflow-wrap:anywhere;white-space:pre-wrap;margin-bottom:1.5rem}.fs-barcode-status{font-size:.8rem;color:#377e59;text-align:center;margin:.75rem 0;min-height:1.25rem}.fs-barcode-privacy{display:flex;justify-content:center;align-items:center;gap:.75rem;margin:.5rem 0;color:var(--fs-muted)}.fs-barcode-privacy i{color:var(--fs-primary);font-size:1.5rem}.fs-barcode-privacy p{font-size:.8rem;margin:0;line-height:1.6}.fs-barcode-result>.fs-barcode-help{text-align:center;margin:.8rem 0 0}.fs-barcode-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.fs-barcode-steps article{border:1px solid var(--fs-border);border-radius:1rem;padding:1.5rem}.fs-barcode-steps article>span{display:inline-block;color:var(--fs-primary);background:#f0eeff;font-weight:700;padding:.6rem;border-radius:.6rem;margin-bottom:1rem}.fs-barcode-steps h3,.fs-barcode-types h3{font-size:1.1rem;font-weight:700}.fs-barcode-steps p,.fs-barcode-guide p{color:var(--fs-muted);font-size:.95rem;line-height:1.8;margin-bottom:0}.fs-barcode-guide{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.fs-barcode-guide h2{font-weight:700;margin:1rem 0}.fs-barcode-guide p+p{margin-top:1rem}.fs-barcode-types{display:grid;gap:1.5rem}.fs-barcode-faq{max-width:900px}@media(max-width:991px){.fs-barcode-steps{grid-template-columns:1fr 1fr}.fs-barcode-settings,.fs-barcode-result{padding:1.5rem}.fs-barcode-guide{gap:2rem}}@media(max-width:767px){.fs-barcode-hero{padding:8rem 0 2.5rem}.fs-barcode-tool,.fs-barcode-guide,.fs-barcode-steps{grid-template-columns:1fr}.fs-barcode-settings{border-right:0;border-bottom:1px solid var(--fs-border)}.fs-barcode-preview{min-height:220px}}