*{box-sizing:border-box;padding:0;margin:0}:root{--label-width:50mm;--label-height:30mm}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#333;background:#f5f5f5;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:20px}.input-section{margin-bottom:30px}.input-section,.preview-section{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}h1{text-align:center;margin-bottom:30px;color:#2c3e50;font-size:2.5rem}h2{margin-bottom:20px;color:#34495e;font-size:1.5rem}textarea{width:100%;min-height:200px;padding:15px;border:2px solid #ddd;border-radius:6px;font-family:Courier New,monospace;font-size:14px;line-height:1.5;resize:vertical;outline:none;transition:border-color .3s ease}textarea:focus{border-color:#3498db}textarea::placeholder{color:#999}.button-group{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap}button{padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9;transform:translateY(-2px)}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d;transform:translateY(-2px)}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#229954;transform:translateY(-2px)}.error-message{background:#e74c3c}.error-message,.success-message{color:#fff;padding:15px;border-radius:6px;margin:15px 0;font-weight:500}.success-message{background:#27ae60}.labels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-top:20px}@media (max-width:768px){.container{padding:10px}.input-section,.preview-section{padding:20px}h1{font-size:2rem}.button-group{flex-direction:column}button{width:100%}}@media print{@page{size:var(--label-width,50mm) var(--label-height,30mm);margin:0!important;padding:0!important;marks:none!important}*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important;print-color-adjust:exact!important;transform:scale(1)!important}body,html{margin:0!important;padding:0!important;width:20mm!important;height:auto!important}body{background:#fff!important;overflow:visible!important;position:relative!important}.button-group,.input-section,h1,h2,p{display:none!important}.preview-section{box-shadow:none!important;position:relative!important}.labels-grid,.preview-section{padding:0!important;margin:0!important;width:20mm!important;height:auto!important;overflow:visible!important}.labels-grid{display:block!important}.label{width:var(--label-width,50mm)!important;height:var(--label-height,30mm)!important;border:1px solid #000!important;margin:0!important;padding:0!important;box-shadow:none!important;position:relative!important;font-family:Arial,sans-serif!important;overflow:hidden!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;page-break-after:always!important}.label:last-child{page-break-after:avoid!important}.label-name{font-size:12px!important;line-height:1.1!important}.label-name,.label-price{color:#000!important;font-weight:700!important;margin-bottom:1mm!important;text-align:center!important}.label-price{font-size:15px!important}.barcode-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.barcode-svg{max-width:100%!important;height:auto!important;margin-bottom:1mm!important}.barcode-text{color:#000!important;font-size:12px!important;text-align:center!important}}