.control-grid{grid-template-columns:minmax(0,1fr)}.control-group,.control-grid .flex-1{min-width:0}.barcode-data{grid-column:1/-1}.control-grid input[type=range]{min-width:0}#scaleNumber,#opacityNumber{flex:0 0 4rem;width:4rem}.export-controls select{flex:1;width:auto;min-width:0}@media (min-width:600px){.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#canvasContainer{background-image:linear-gradient(45deg, var(--border-color) 25%, transparent 25%), linear-gradient(-45deg, var(--border-color) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border-color) 75%), linear-gradient(-45deg, transparent 75%, var(--border-color) 75%);border:2px dashed var(--border-color);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:8px;justify-content:center;align-items:center;min-height:200px;margin-bottom:2rem;padding:2rem;display:flex}#barcodeCanvas{max-width:100%;height:auto}.export-controls{text-align:center;margin-top:1.5rem}.export-controls h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.size-controls,.canvas-size-controls{flex-direction:column;gap:.5rem;display:flex}.custom-size-group{gap:1rem;margin-top:.5rem;display:flex}.error-message{display:none}.error-message.show{display:block}#generateBtn{grid-column:1/-1;justify-self:center;width:100%;margin-top:1rem}@media (max-width:768px){.custom-size-group{flex-direction:column;gap:.5rem}.section-card{padding:1rem}}