.barcode-module__0tJY9a__barcodeWrapper{box-sizing:border-box;background-color:#fff;border-radius:8px;gap:20px;width:100%;margin:0;padding:20px;display:flex;box-shadow:0 2px 4px #0000001a}.barcode-module__0tJY9a__barcodeContainer{background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:2;padding:20px;position:relative}.barcode-module__0tJY9a__controlsContainer{border-right:1px solid #ddd;flex:1;padding:20px}.barcode-module__0tJY9a__inputGroup{margin-bottom:20px}.barcode-module__0tJY9a__inputGroup label{margin-bottom:5px;font-weight:700;display:block}.barcode-module__0tJY9a__inputGroup select,.barcode-module__0tJY9a__inputGroup input,.barcode-module__0tJY9a__inputGroup textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:10px;padding:8px}.barcode-module__0tJY9a__inputGroup textarea{resize:vertical;height:100px}.barcode-module__0tJY9a__actionButton{cursor:pointer;color:#fff;border:none;border-radius:4px;width:100%;margin-bottom:10px;padding:10px 20px;font-size:16px;transition:background-color .3s,transform .2s}.barcode-module__0tJY9a__actionButton:active{transform:scale(.98)}.barcode-module__0tJY9a__addButton{background-color:#4caf50}.barcode-module__0tJY9a__addButton:hover{background-color:#45a049}.barcode-module__0tJY9a__generateButton{background-color:#2196f3}.barcode-module__0tJY9a__generateButton:hover{background-color:#0b7dda}.barcode-module__0tJY9a__clearButton{background-color:#f44336}.barcode-module__0tJY9a__clearButton:hover{background-color:#d32f2f}.barcode-module__0tJY9a__error{color:red;margin-top:10px}.barcode-module__0tJY9a__barcodeGrid{grid-template-columns:repeat(4,1fr);gap:30px;width:100%;margin-top:40px;padding:10px;display:grid}.barcode-module__0tJY9a__barcodeItem{text-align:center;cursor:move;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#fff;border:1px solid #ddd;flex-direction:column;justify-content:space-between;height:150px;padding:15px 10px;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 3px #0000001a}.barcode-module__0tJY9a__barcodeItem.barcode-module__0tJY9a__dragging{opacity:.7;background-color:#e3f2fd;border:2px solid #2196f3;transform:scale(1.02);box-shadow:0 4px 8px #0000001a}.barcode-module__0tJY9a__barcodeItem.barcode-module__0tJY9a__dragOver{background-color:#bbdefb;border:2px dashed #1976d2;transition:all .3s;transform:translateY(2px);box-shadow:0 0 10px #2196f399}.barcode-module__0tJY9a__barcodeItem svg,.barcode-module__0tJY9a__barcodeItem canvas{max-width:100%;height:auto;margin:10px auto 0;display:block;width:100%!important;height:80px!important}.barcode-module__0tJY9a__barcodeNumber{color:#666;z-index:5;background-color:#ffffffb3;border-radius:3px;padding:2px 5px;font-size:12px;position:absolute;top:5px;left:5px}.barcode-module__0tJY9a__barcodeValue{word-break:break-all;text-overflow:ellipsis;white-space:nowrap;width:100%;height:20px;margin-top:15px;font-size:12px;position:relative;bottom:0;overflow:hidden}.barcode-module__0tJY9a__removeBarcode{color:#fff!important;cursor:pointer!important;z-index:10!important;background:#f33!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;font-size:0!important;line-height:1!important;display:flex!important;position:absolute!important;top:5px!important;right:5px!important;box-shadow:0 1px 3px #0003!important}.barcode-module__0tJY9a__removeBarcode:before{content:"×";font-size:16px;line-height:1}.barcode-module__0tJY9a__removeBarcode:hover{background:#c00!important;transform:scale(1.1)!important}.barcode-module__0tJY9a__barcodeControls{z-index:10;gap:10px;display:flex;position:absolute;top:10px;left:10px}.barcode-module__0tJY9a__printButton{color:#fff;cursor:pointer;width:32px;height:32px;box-shadow:none;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;font-size:18px;transition:all .2s;display:flex;background-color:#00a9ff!important}.barcode-module__0tJY9a__printButton:hover{transform:scale(1.05);background-color:#0095e5!important}@media print{.barcode-module__0tJY9a__barcodeControls,.barcode-module__0tJY9a__controlsContainer{display:none}.barcode-module__0tJY9a__barcodeContainer{border:none;padding:0}.barcode-module__0tJY9a__barcodeItem{break-inside:avoid}}@media (max-width:768px){.barcode-module__0tJY9a__barcodeWrapper{flex-direction:column}.barcode-module__0tJY9a__controlsContainer{border-bottom:1px solid #ddd;border-right:none;width:100%;padding-bottom:20px}.barcode-module__0tJY9a__barcodeContainer{width:100%;margin-top:20px}.barcode-module__0tJY9a__barcodeGrid{grid-template-columns:repeat(2,1fr);padding:10px}}@media (max-width:480px){.barcode-module__0tJY9a__barcodeGrid{grid-template-columns:1fr;gap:15px;padding:5px}.barcode-module__0tJY9a__barcodeWrapper,.barcode-module__0tJY9a__controlsContainer,.barcode-module__0tJY9a__barcodeContainer{padding:15px}}