:root{--bqr-primary:#6366f1;--bqr-primary-hover:#4f46e5;--bqr-primary-rgb:99, 102, 241;--bqr-success:#10b981;--bqr-success-rgb:16, 185, 129;--bqr-error:#ef4444;--bqr-error-rgb:239, 68, 68;--bqr-text:#1e293b;--bqr-text-muted:#64748b;--bqr-bg:#fff;--bqr-bg-secondary:#f8fafc;--bqr-border:#e2e8f0;--bqr-border-hover:#cbd5e1;--bqr-shadow:0 1px 3px #00000014;--bqr-shadow-md:0 4px 12px #0000001a;--bqr-radius:10px;--bqr-radius-lg:14px;--bqr-radius-full:9999px}._bqr-container{gap:var(--main-space-8);grid-template-columns:1fr 1fr;align-items:start;max-width:1000px;margin:0 auto;display:grid}._bqr-column{gap:var(--main-space-5);flex-direction:column;display:flex}@media (max-width:768px){._bqr-container{grid-template-columns:1fr;padding-left:1rem;padding-right:1rem}}._bqr-input-card{background:var(--bqr-bg);border-radius:var(--bqr-radius-lg);border-style:solid;border-width:1px;border-color:var(--bqr-border);box-shadow:var(--bqr-shadow);overflow:hidden}._bqr-input-tabs{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--bqr-border);display:flex}._bqr-input-tab{cursor:pointer;color:var(--bqr-text-muted);font-size:var(--main-text-sm);transition:color var(--main-transition-fast), background var(--main-transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1rem;font-family:inherit;font-weight:500;display:flex;position:relative}._bqr-input-tab:hover{color:var(--bqr-primary);background:rgba(var(--bqr-primary-rgb), .04)}._bqr-input-tab-active{color:var(--bqr-primary);font-weight:600}._bqr-input-tab-active:after{content:"";background:var(--bqr-primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:20%;right:20%}._bqr-input-tab svg{opacity:.7}._bqr-input-tab-active svg{opacity:1}._bqr-tab-content{padding:var(--main-space-4);display:none}._bqr-tab-content-active{display:block}._bqr-textarea-wrap{position:relative}._bqr-textarea{width:100%;min-height:240px;padding:var(--main-space-3) var(--main-space-4);border-style:solid;border-width:1.5px;border-color:var(--bqr-border);border-radius:var(--bqr-radius);background:var(--bqr-bg-secondary);color:var(--bqr-text);font-size:var(--main-text-sm);font-family:var(--main-font-mono);resize:vertical;transition:border-color var(--main-transition-fast), box-shadow var(--main-transition-fast);line-height:1.7}._bqr-textarea:focus{border-color:var(--bqr-primary);box-shadow:0 0 0 3px rgba(var(--bqr-primary-rgb), .1);outline:none}._bqr-textarea::placeholder{color:var(--bqr-text-muted);opacity:.6}._bqr-textarea-footer{padding:var(--main-space-2) 0;justify-content:space-between;align-items:center;display:flex}._bqr-line-count{font-size:var(--main-text-xs);color:var(--bqr-text-muted);font-weight:500}._bqr-btn-clear{border-radius:var(--bqr-radius-full);width:28px;height:28px;color:var(--bqr-text-muted);cursor:pointer;transition:color var(--main-transition-fast), background var(--main-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}._bqr-btn-clear:hover{color:var(--bqr-error);background:rgba(var(--bqr-error-rgb), .08)}._bqr-dropzone{border-style:dashed;border-width:2px;border-color:var(--bqr-border);border-radius:var(--bqr-radius);padding:var(--main-space-8) var(--main-space-4);text-align:center;cursor:pointer;transition:border-color var(--main-transition-fast), background var(--main-transition-fast)}._bqr-dropzone:hover,._bqr-dropzone._bqr-dropzone-drag{border-color:var(--bqr-primary);background:rgba(var(--bqr-primary-rgb), .04)}._bqr-dropzone-content{align-items:center;gap:var(--main-space-2);flex-direction:column;display:flex}._bqr-dropzone-content svg{color:var(--bqr-text-muted);opacity:.5}._bqr-dropzone-text{color:var(--bqr-text);font-size:var(--main-text-sm);margin:0;font-weight:500}._bqr-dropzone-hint{color:var(--bqr-text-muted);font-size:var(--main-text-xs);margin:0}._bqr-csv-info{gap:var(--main-space-3);flex-direction:column;display:flex}._bqr-csv-file-header{padding:var(--main-space-2) var(--main-space-3);background:rgba(var(--bqr-success-rgb), .06);border-radius:var(--bqr-radius);border-style:solid;border-width:1px;border-color:rgba(var(--bqr-success-rgb), .2);justify-content:space-between;align-items:center;display:flex}._bqr-csv-file-name{font-size:var(--main-text-sm);color:var(--bqr-text);align-items:center;gap:.4rem;font-weight:500;display:flex}._bqr-csv-file-name svg{color:var(--bqr-success)}._bqr-btn-icon{border-radius:var(--bqr-radius-full);width:26px;height:26px;color:var(--bqr-text-muted);cursor:pointer;transition:color var(--main-transition-fast), background var(--main-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}._bqr-btn-icon:hover{color:var(--bqr-error);background:rgba(var(--bqr-error-rgb), .08)}._bqr-csv-mapping{gap:var(--main-space-3);flex-direction:column;display:flex}._bqr-csv-mapping-row{gap:var(--main-space-1);flex-direction:column;display:flex}._bqr-label{font-size:var(--main-text-xs);color:var(--bqr-text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:600}._bqr-select,._bqr-input{border-style:solid;border-width:1.5px;border-color:var(--bqr-border);border-radius:var(--bqr-radius);background:var(--bqr-bg);width:100%;color:var(--bqr-text);font-size:var(--main-text-sm);transition:border-color var(--main-transition-fast);padding:.5rem .75rem;font-family:inherit}._bqr-select:focus,._bqr-input:focus{border-color:var(--bqr-primary);box-shadow:0 0 0 3px rgba(var(--bqr-primary-rgb), .1);outline:none}._bqr-csv-preview{border-radius:var(--bqr-radius);border-style:solid;border-width:1px;border-color:var(--bqr-border);overflow-x:auto}._bqr-csv-preview table{border-collapse:collapse;width:100%;font-size:var(--main-text-xs)}._bqr-csv-preview th{background:var(--bqr-bg-secondary);text-align:left;color:var(--bqr-text-muted);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--bqr-border);white-space:nowrap;padding:.4rem .6rem;font-weight:600}._bqr-csv-preview td{color:var(--bqr-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--bqr-border);text-overflow:ellipsis;white-space:nowrap;max-width:200px;padding:.35rem .6rem;overflow:hidden}._bqr-csv-preview tr:last-child td{border-bottom:none}._bqr-btn-generate{background:var(--bqr-primary);color:#fff;border-radius:var(--bqr-radius);width:100%;font-size:var(--main-text-base);cursor:pointer;box-shadow:0 2px 8px rgba(var(--bqr-primary-rgb), .3);transition:opacity var(--main-transition-fast), box-shadow var(--main-transition-fast);border:0 solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-family:inherit;font-weight:600;display:flex}._bqr-btn-generate:hover{opacity:.9;box-shadow:0 4px 12px rgba(var(--bqr-primary-rgb), .4)}._bqr-btn-generate:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}._bqr-btn-generate._bqr-btn-generating{opacity:.7;cursor:wait}._bqr-btn-generate._bqr-btn-generating svg{animation:1s linear infinite _bqr-spin}@keyframes _bqr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){._bqr-textarea{min-height:180px}}._bqr-customize-card{background:var(--bqr-bg);border-radius:var(--bqr-radius-lg);border-style:solid;border-width:1px;border-color:var(--bqr-border);box-shadow:var(--bqr-shadow);overflow:hidden}._bqr-customize-toggle{width:100%;padding:var(--main-space-3) var(--main-space-4);cursor:pointer;color:var(--bqr-text-muted);font-size:var(--main-text-sm);transition:color var(--main-transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;font-family:inherit;font-weight:600;display:flex}._bqr-customize-toggle:hover{color:var(--bqr-primary)}._bqr-customize-toggle-text{align-items:center;gap:.4rem;display:inline-flex}._bqr-customize-toggle-text svg{opacity:.7}._bqr-customize-toggle:hover ._bqr-customize-toggle-text svg{opacity:1}._bqr-customize-toggle-icon{color:inherit;transition:transform var(--main-transition-fast);align-items:center;display:flex}._bqr-customize-toggle-icon._bqr-open{transform:rotate(180deg)}._bqr-customize-panel{padding:0 var(--main-space-4) var(--main-space-4);gap:var(--main-space-4);flex-direction:column;display:none}._bqr-customize-panel._bqr-panel-open{display:flex}._bqr-customize-group{gap:var(--main-space-2);flex-direction:column;flex:1;min-width:0;display:flex}._bqr-customize-row{gap:var(--main-space-4);display:flex}._bqr-presets{gap:var(--main-space-2);flex-wrap:wrap;display:flex}._bqr-preset{border-radius:var(--bqr-radius-full);border-style:solid;border-width:2px;border-color:var(--bqr-border);background:var(--bqr-bg);cursor:pointer;width:32px;height:32px;transition:border-color var(--main-transition-fast), box-shadow var(--main-transition-fast);padding:3px}._bqr-preset:hover{border-color:var(--bqr-border-hover)}._bqr-preset span{border-radius:var(--bqr-radius-full);width:100%;height:100%;display:block}._bqr-preset-active{border-color:var(--bqr-primary);box-shadow:0 0 0 2px rgba(var(--bqr-primary-rgb), .2)}._bqr-color-input{align-items:center;gap:var(--main-space-2);display:flex}._bqr-color-picker{border-radius:var(--bqr-radius);cursor:pointer;background:0 0;border:none;width:36px;height:36px;padding:0}._bqr-color-picker::-webkit-color-swatch-wrapper{padding:2px}._bqr-color-picker::-webkit-color-swatch{border-style:solid;border-width:1px;border-color:var(--bqr-border);border-radius:6px}._bqr-color-text{border-style:solid;border-width:1.5px;border-color:var(--bqr-border);border-radius:var(--bqr-radius);background:var(--bqr-bg);width:80px;color:var(--bqr-text);font-size:var(--main-text-xs);font-family:var(--main-font-mono);text-transform:uppercase;padding:.4rem .6rem}._bqr-color-text:focus{border-color:var(--bqr-primary);outline:none}._bqr-range{background:var(--bqr-border);cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:3px;outline:none;width:100%;height:6px}._bqr-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bqr-primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}._bqr-range::-moz-range-thumb{background:var(--bqr-primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0003}@media (max-width:768px){._bqr-customize-row{flex-direction:column}}._bqr-stats{gap:var(--main-space-3);display:flex}._bqr-stat{padding:var(--main-space-3);background:var(--bqr-bg);border-radius:var(--bqr-radius);border-style:solid;border-width:1px;border-color:var(--bqr-border);box-shadow:var(--bqr-shadow);flex-direction:column;flex:1;align-items:center;display:flex}._bqr-stat-value{font-size:var(--main-text-xl);color:var(--bqr-text);font-weight:700;line-height:1.2}._bqr-stat-success ._bqr-stat-value{color:var(--bqr-success)}._bqr-stat-error ._bqr-stat-value{color:var(--bqr-error)}._bqr-stat-label{font-size:var(--main-text-xs);color:var(--bqr-text-muted);font-weight:500}._bqr-progress{align-items:center;gap:var(--main-space-3);display:flex}._bqr-progress-bar{background:var(--bqr-border);border-radius:4px;flex:1;height:8px;overflow:hidden}._bqr-progress-fill{background:linear-gradient(90deg, var(--bqr-primary), #818cf8);border-radius:4px;width:0;height:100%;transition:width .3s}._bqr-progress-text{font-size:var(--main-text-xs);color:var(--bqr-text-muted);text-align:right;min-width:36px;font-weight:600}._bqr-preview-area{background:var(--bqr-bg);border-radius:var(--bqr-radius-lg);border-style:solid;border-width:1px;border-color:var(--bqr-border);box-shadow:var(--bqr-shadow);min-height:300px;overflow:hidden}._bqr-empty{padding:var(--main-space-10) var(--main-space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}._bqr-empty svg{color:var(--bqr-border);margin-bottom:var(--main-space-3)}._bqr-empty p{color:var(--bqr-text-muted);font-size:var(--main-text-sm);max-width:280px;margin:0;line-height:1.5}._bqr-grid{gap:var(--main-space-3);padding:var(--main-space-4);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}._bqr-grid-item{align-items:center;gap:var(--main-space-2);padding:var(--main-space-3);border-radius:var(--bqr-radius);border-style:solid;border-width:1px;border-color:var(--bqr-border);background:var(--bqr-bg);transition:box-shadow var(--main-transition-fast);flex-direction:column;display:flex}._bqr-grid-item:hover{box-shadow:var(--bqr-shadow-md)}._bqr-grid-item canvas{border-radius:4px;width:100%;height:auto}._bqr-grid-item-label{color:var(--bqr-text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;line-height:1.3;overflow:hidden}._bqr-grid-item-error{border-color:rgba(var(--bqr-error-rgb), .3);background:rgba(var(--bqr-error-rgb), .03)}._bqr-grid-item-error ._bqr-grid-item-label{color:var(--bqr-error)}@media (max-width:768px){._bqr-stats{gap:var(--main-space-2)}._bqr-stat{padding:var(--main-space-2)}._bqr-stat-value{font-size:var(--main-text-lg)}._bqr-grid{gap:var(--main-space-2);padding:var(--main-space-3);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}._bqr-export{background:var(--bqr-bg);border-radius:var(--bqr-radius-lg);border-style:solid;border-width:1px;border-color:var(--bqr-border);box-shadow:var(--bqr-shadow);padding:var(--main-space-4);gap:var(--main-space-4);flex-direction:column;display:flex}._bqr-export-options{gap:var(--main-space-3);flex-direction:column;display:flex}._bqr-prefix-group{max-width:200px}._bqr-btn-download{background:var(--bqr-success);color:#fff;border-radius:var(--bqr-radius);width:100%;font-size:var(--main-text-sm);cursor:pointer;box-shadow:0 2px 8px rgba(var(--bqr-success-rgb), .3);transition:opacity var(--main-transition-fast), box-shadow var(--main-transition-fast);border:0 solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;display:flex}._bqr-btn-download:hover{opacity:.9;box-shadow:0 4px 12px rgba(var(--bqr-success-rgb), .4)}._bqr-btn-download:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}._bqr-btn-download._bqr-btn-downloading svg{animation:1s linear infinite _bqr-spin}@media (max-width:768px){._bqr-export{padding:var(--main-space-3)}}