.jw-barcode-tool-main{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background-color:#f4f6f9;padding:60px 0;color:#333;line-height:1.6}.jw-barcode-tool-main .jw-container{max-width:1100px;margin:0 auto;padding:0 20px}.jw-barcode-tool-main .jw-tool-header{text-align:center;margin-bottom:50px}.jw-barcode-tool-main .jw-tool-header h1{font-size:2.8rem;color:#1a202c;margin-bottom:15px;font-weight:700;letter-spacing:-0.5px}.jw-barcode-tool-main .jw-tool-header p{color:#718096;font-size:1.2rem;max-width:600px;margin:0 auto}.jw-barcode-tool-main .jw-tool-grid{display:flex;gap:30px;flex-wrap:wrap;align-items:flex-start}.jw-barcode-tool-main .jw-controls-panel,.jw-barcode-tool-main .jw-preview-panel,.jw-barcode-tool-main .jw-tool-guide{background:#fff;padding:35px;border-radius:16px;box-shadow:0 10px 25px -5px rgba(0,0,0,0.05),0 8px 10px -6px rgba(0,0,0,0.01);border:1px solid rgba(0,0,0,0.02)}.jw-barcode-tool-main .jw-controls-panel{flex:1;min-width:320px}.jw-barcode-tool-main .jw-preview-panel{flex:1;min-width:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:sticky;top:20px}.jw-barcode-tool-main .jw-form-group{margin-bottom:25px}.jw-barcode-tool-main label{display:block;margin-bottom:10px;font-weight:600;font-size:0.95rem;color:#2d3748}.jw-barcode-tool-main .jw-input,.jw-barcode-tool-main .jw-select{width:100%;padding:14px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;color:#2d3748;transition:all .2s ease;background-color:#fff}.jw-barcode-tool-main .jw-input:focus,.jw-barcode-tool-main .jw-select:focus{border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,0.1);outline:0}.jw-barcode-tool-main .jw-settings-toggle{cursor:pointer;color:#3182ce;font-weight:600;margin-bottom:20px;display:inline-flex;align-items:center;gap:5px;font-size:0.95rem;user-select:none}.jw-barcode-tool-main .jw-row{display:flex;gap:20px}.jw-barcode-tool-main .jw-col{flex:1}.jw-barcode-tool-main .jw-canvas-wrapper{margin-bottom:30px;padding:40px;border:2px dashed #cbd5e0;border-radius:12px;min-height:220px;display:flex;align-items:center;justify-content:center;width:100%;background:#f7fafc}.jw-barcode-tool-main .jw-action-buttons{display:flex;gap:15px;width:100%}.jw-barcode-tool-main .jw-btn{flex:1;padding:14px;border:0;border-radius:10px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease;text-align:center}.jw-barcode-tool-main .jw-btn:hover{transform:translateY(-1px)}.jw-barcode-tool-main .jw-btn:active{transform:translateY(1px)}.jw-barcode-tool-main .jw-btn-primary{background-color:#3182ce;color:#fff;box-shadow:0 4px 6px rgba(49,130,206,0.2)}.jw-barcode-tool-main .jw-btn-primary:hover{background-color:#2b6cb0;box-shadow:0 6px 8px rgba(49,130,206,0.3)}.jw-barcode-tool-main .jw-btn-secondary{background-color:#edf2f7;color:#2d3748}.jw-barcode-tool-main .jw-btn-secondary:hover{background-color:#e2e8f0}.jw-barcode-tool-main .jw-tool-guide{margin-top:50px;width:100%}.jw-barcode-tool-main .jw-tool-guide h2{font-size:1.8rem;color:#1a202c;margin-bottom:25px;font-weight:700}.jw-barcode-tool-main .jw-tool-guide hr{border:0;height:1px;background:#e2e8f0;margin:0 0 35px 0}.jw-barcode-tool-main .jw-guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-bottom:50px}.jw-barcode-tool-main .jw-guide-item h3{font-size:1.1rem;color:#3182ce;margin-bottom:12px;font-weight:700}.jw-barcode-tool-main .jw-guide-item p{font-size:0.95rem;color:#4a5568;line-height:1.7}.jw-barcode-tool-main .jw-guide-faq{background:#fffaf0;padding:25px;border-radius:10px;border-left:5px solid #ecc94b}.jw-barcode-tool-main .jw-guide-faq h3{margin:0 0 15px 0;color:#744210;font-size:1.1rem}.jw-barcode-tool-main .jw-guide-faq ul{margin:0;padding-left:20px;color:#744210}.jw-barcode-tool-main .jw-guide-faq li{margin-bottom:8px}.jw-barcode-tool-main .jw-table-responsive{overflow-x:auto;border-radius:10px;border:1px solid #e2e8f0}.jw-barcode-tool-main .jw-sample-table{width:100%;border-collapse:collapse;background:#fff;font-size:0.95rem}.jw-barcode-tool-main .jw-sample-table th,.jw-barcode-tool-main .jw-sample-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #e2e8f0}.jw-barcode-tool-main .jw-sample-table th{background-color:#f7fafc;color:#4a5568;font-weight:700;text-transform:uppercase;font-size:0.85rem;letter-spacing:0.05em}.jw-barcode-tool-main .jw-sample-table tr:last-child td{border-bottom:0}.jw-barcode-tool-main .jw-sample-table tr:hover{background-color:#f8fafc}.jw-barcode-tool-main .jw-sample-table code{background-color:#edf2f7;padding:4px 8px;border-radius:6px;font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;color:#c53030;font-size:0.9rem;display:inline-block}@media (max-width:900px){.jw-barcode-tool-main .jw-tool-grid{flex-direction:column}.jw-barcode-tool-main .jw-controls-panel,.jw-barcode-tool-main .jw-preview-panel{width:100%}}