.barcode-generator[data-v-63820bd2]{display:flex;flex:1;flex-direction:column;gap:16px;margin:0 auto;max-width:800px;width:100%}.mt-2[data-v-63820bd2]{margin-top:8px}.options-grid[data-v-63820bd2]{display:grid;gap:12px;grid-template-columns:1fr 1fr}.option-item[data-v-63820bd2]{display:flex;flex-direction:column;gap:4px}.option-label[data-v-63820bd2]{font-size:13px;opacity:.6}.option-row[data-v-63820bd2]{align-items:center;gap:8px}.color-row[data-v-63820bd2],.option-row[data-v-63820bd2]{display:flex;margin-top:4px}.color-row[data-v-63820bd2]{gap:16px}.color-item[data-v-63820bd2]{align-items:center;display:flex;flex:1;gap:8px}.color-item .option-label[data-v-63820bd2]{white-space:nowrap}.preview-area[data-v-63820bd2]{align-items:center;background:#80808005;border:1px solid hsla(0,0%,50%,.1);border-radius:8px;min-height:160px;overflow-x:auto;padding:20px}.preview-area[data-v-63820bd2],.svg-container[data-v-63820bd2]{display:flex;justify-content:center}.svg-container[data-v-63820bd2] svg{height:auto;max-width:100%}.empty-state[data-v-63820bd2]{align-items:center;color:#80808073;display:flex;flex-direction:column;font-size:14px;gap:12px}.empty-state p[data-v-63820bd2]{margin:0}.error-text[data-v-63820bd2]{color:#e53e3e!important}.result-actions[data-v-63820bd2]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}body{padding:0!important}.barcode-generator-page[data-v-b1961c79]{align-items:center;display:flex;flex-direction:column;min-height:100vh;opacity:0;transition:opacity .2s ease}.barcode-generator-page.ready[data-v-b1961c79]{opacity:1}.page-card[data-v-b1961c79]{display:flex;flex:1;flex-direction:column;width:100%}.page-card[data-v-b1961c79] .n-card,.page-card[data-v-b1961c79] .n-card__content{display:flex;flex:1;flex-direction:column}.page-card[data-v-b1961c79] .n-card__action{margin-top:auto;padding:10px}.loading-placeholder[data-v-b1961c79]{height:400px}.devtool-modal[data-v-b1961c79],.loading-placeholder[data-v-b1961c79]{align-items:center;display:flex;justify-content:center}.devtool-modal[data-v-b1961c79]{background:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.devtool-modal-content[data-v-b1961c79]{background:#fff;border-radius:10px;padding:30px 50px;text-align:center}.devtool-modal-content h3[data-v-b1961c79]{color:#e53e3e;margin-top:0}.devtool-modal-content p[data-v-b1961c79]{color:#333;font-size:16px}