@charset "UTF-8";@media all{.barcode-generator-container{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.barcode-generator-form{background-color:#f9f9f9;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.barcode-generator-options{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.barcode-generator-input-group{flex:1;min-width:200px;margin-bottom:15px}.barcode-generator-input-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.barcode-content{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.barcode-content-help{font-size:12px;color:#666;margin-top:5px}.barcode-type,.barcode-size{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:16px}.barcode-color,.barcode-background{width:100%;height:40px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.barcode-generator-actions{margin-top:20px;text-align:center}.generate-barcode{background-color:#0073aa;color:white;border:none;padding:12px 24px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color 0.3s}.generate-barcode:hover{background-color:#005177}.barcode-generator-preview{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,0.1);text-align:center}.barcode-generator-preview h3{margin-top:0;color:#333;font-size:18px}.barcode-preview-container{min-height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:1px dashed #ddd;padding:20px}.barcode-preview-placeholder{color:#999;font-style:italic}.barcode-preview-content{max-width:100%}.barcode-download-container{margin-top:20px;display:flex;justify-content:center;gap:10px}.download-barcode{background-color:#4caf50;color:white;border:none;padding:8px 16px;font-size:14px;border-radius:4px;cursor:pointer;transition:background-color 0.3s}.download-barcode:hover{background-color:#388e3c}.download-format{padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.barcode-error{color:#d32f2f;padding:10px;background-color:#ffebee;border-radius:4px;margin:10px 0}@media (max-width:600px){.barcode-generator-options{flex-direction:column}.barcode-generator-input-group{width:100%}}}