.page-module__BbaNpq__main{padding:1.5rem 0}.page-module__BbaNpq__content{gap:1.5rem;margin-bottom:2rem;display:flex}.page-module__BbaNpq__leftPanel{flex-direction:column;flex:1;gap:1rem;display:flex}.page-module__BbaNpq__rightPanel{flex:1}.page-module__BbaNpq__panel{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;overflow:hidden}.page-module__BbaNpq__panelHeader{border-bottom:1px solid var(--border);background:var(--background);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.page-module__BbaNpq__panelTitle{color:var(--text-primary);font-size:.875rem;font-weight:600}.page-module__BbaNpq__panelBody{padding:1rem}.page-module__BbaNpq__panelActions{border-top:1px solid var(--border);background:var(--background);gap:.5rem;padding:.75rem 1rem;display:flex}.page-module__BbaNpq__textInput{border:1px solid var(--border);width:100%;color:var(--text-primary);background:var(--surface);resize:vertical;border-radius:.5rem;padding:.625rem .75rem;font-family:inherit;font-size:.875rem;line-height:1.5;transition:border-color .15s}.page-module__BbaNpq__textInput:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.page-module__BbaNpq__textInput::placeholder{color:var(--text-muted)}.page-module__BbaNpq__inputHint{color:var(--text-muted);margin-top:.375rem;font-size:.75rem;line-height:1.4}.page-module__BbaNpq__settingsGrid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.page-module__BbaNpq__settingItem{flex-direction:column;gap:.375rem;display:flex}.page-module__BbaNpq__settingItem label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.page-module__BbaNpq__select{border:1px solid var(--border);color:var(--text-primary);background:var(--surface);cursor:pointer;border-radius:.5rem;padding:.5rem .75rem;font-size:.8125rem;transition:border-color .15s}.page-module__BbaNpq__select:focus{border-color:var(--primary);outline:none}.page-module__BbaNpq__colorInput{align-items:center;gap:.5rem;display:flex}.page-module__BbaNpq__colorInput input[type=color]{border:1px solid var(--border);cursor:pointer;border-radius:.375rem;width:2rem;height:2rem;padding:0}.page-module__BbaNpq__colorInput input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.page-module__BbaNpq__colorInput input[type=color]::-webkit-color-swatch{border:none;border-radius:.25rem}.page-module__BbaNpq__colorValue{color:var(--text-muted);font-family:monospace;font-size:.75rem}.page-module__BbaNpq__numberInput{border:1px solid var(--border);width:100%;color:var(--text-primary);background:var(--surface);border-radius:.5rem;padding:.5rem .75rem;font-size:.8125rem;transition:border-color .15s}.page-module__BbaNpq__numberInput:focus{border-color:var(--primary);outline:none}.page-module__BbaNpq__toggleRow{justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.page-module__BbaNpq__toggle{background:var(--border);cursor:pointer;border:none;border-radius:.6875rem;width:2.5rem;height:1.375rem;padding:0;transition:background .2s;position:relative}.page-module__BbaNpq__toggle.page-module__BbaNpq__active{background:var(--primary)}.page-module__BbaNpq__toggle:after{content:"";background:#fff;border-radius:50%;width:1.125rem;height:1.125rem;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.page-module__BbaNpq__toggle.page-module__BbaNpq__active:after{transform:translate(1.125rem)}.page-module__BbaNpq__previewBody{justify-content:center;align-items:center;min-height:200px;padding:2rem;display:flex}.page-module__BbaNpq__barcodeCanvas{max-width:100%;height:auto}.page-module__BbaNpq__emptyPreview{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.page-module__BbaNpq__emptyIcon{opacity:.4;font-size:3rem}.page-module__BbaNpq__emptyPreview p{font-size:.875rem}.page-module__BbaNpq__downloadActions{border-top:1px solid var(--border);background:var(--background);gap:.5rem;padding:.75rem 1rem;display:flex}.page-module__BbaNpq__btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.page-module__BbaNpq__btnPrimary{background:var(--primary);color:#fff}.page-module__BbaNpq__btnPrimary:hover{background:var(--primary-dark)}.page-module__BbaNpq__btnSecondary{background:var(--background);color:var(--text-primary);border:1px solid var(--border)}.page-module__BbaNpq__btnSecondary:hover{background:var(--border)}@media (max-width:768px){.page-module__BbaNpq__content{flex-direction:column}.page-module__BbaNpq__settingsGrid{grid-template-columns:1fr}}