.qr-generator{width:100%;max-width:100%;padding:var(--space-4) 0;color:var(--pixel-text-primary);font-family:inherit;box-sizing:border-box}.qr-generator-layout{display:grid;grid-template-columns:23.75rem 1fr;gap:var(--space-6);align-items:start}@media(max-width:56.25rem){.qr-generator-layout{grid-template-columns:1fr}.qr-generator-preview-section{order:-1}}.qr-generator-section{background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);overflow:hidden}.qr-generator-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--pixel-bg-tertiary);border-bottom:1px solid var(--pixel-border);cursor:pointer;user-select:none;transition:background var(--transition-base)}.qr-generator-section-header:hover{background:var(--pixel-bg-hover)}.qr-generator-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.qr-generator-section-title i{color:var(--brand-color);font-size:var(--text-sm)}.qr-generator-section-toggle{color:var(--pixel-text-secondary);font-size:var(--text-xs);transition:transform var(--transition-base)}.qr-generator-section-toggle.expanded{transform:rotate(180deg)}.qr-generator-section-content{padding:var(--space-4)}.qr-generator-section-content.collapsed{display:none}.qr-data-input-wrapper{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--pixel-border)}.qr-generator-preview-section{position:sticky;top:6.25rem}.qr-preview-wrapper{padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.qr-generator-input-section{display:flex;flex-direction:column;gap:var(--space-1)}.qr-form-group{display:flex;flex-direction:column;gap:var(--space-1);width:100%;box-sizing:border-box}.qr-form-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:var(--space-2)}.qr-form-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);color:var(--pixel-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base);box-sizing:border-box}.qr-form-input::placeholder{color:var(--pixel-text-muted)}.qr-form-input:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 3px rgba(var(--brand-color-rgb),.15)}.qr-form-input.error{border-color:var(--color-error)}.qr-form-input.valid{border-color:var(--color-success)}.qr-form-textarea{min-height:5rem;resize:vertical}select.qr-form-input{min-height:var(--space-10);padding-right:2rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}select.qr-form-input option{padding:var(--space-2);background:var(--pixel-bg-primary);color:var(--pixel-text-primary)}.qr-form-hint{font-size:var(--text-xs);color:var(--pixel-text-muted)}.qr-form-error{font-size:var(--text-xs);color:var(--color-error)}.qr-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.125rem;font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:none;white-space:nowrap}.qr-btn:disabled{opacity:.5;cursor:not-allowed}.qr-btn-primary{background:var(--brand-color);color:#fff}.qr-btn-primary:hover:not(:disabled){background:var(--brand-color-accent);transform:translateY(-1px)}.qr-btn-secondary{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary);border:1px solid var(--pixel-border)}.qr-btn-secondary:hover:not(:disabled){background:var(--pixel-bg-hover);border-color:var(--brand-color)}.qr-btn-ghost{background:transparent;color:var(--pixel-text-secondary)}.qr-btn-ghost:hover:not(:disabled){color:var(--brand-color);background:rgba(var(--brand-color-rgb),.1)}.qr-btn-icon{width:2.25rem;height:2.25rem;padding:0}.qr-btn-sm{padding:.375rem .75rem;font-size:var(--text-xs)}.qr-btn-lg{padding:.875rem 1.5rem;font-size:var(--text-base)}.qr-btn-block{width:100%}.qr-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--pixel-bg-primary);border-radius:var(--radius-lg)}.qr-tab{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.qr-tab:hover{color:var(--pixel-text-primary);background:var(--pixel-bg-tertiary)}.qr-tab.active{color:#fff;background:var(--brand-color)}.qr-select{width:100%;padding:var(--space-2) var(--space-3);padding-right:2.25rem;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);color:var(--pixel-text-primary);font-size:var(--text-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a3b1' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:border-color var(--transition-base)}.qr-select:focus{outline:none;border-color:var(--brand-color)}.qr-checkbox-group{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.qr-checkbox{width:1.125rem;height:1.125rem;accent-color:var(--brand-color);cursor:pointer}.qr-checkbox-label{font-size:var(--text-sm);color:var(--pixel-text-primary)}.qr-slider-group{display:flex;flex-direction:column;gap:var(--space-1)}.qr-slider-header{display:flex;justify-content:space-between;align-items:center}.qr-slider-value{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--brand-color);background:rgba(var(--brand-color-rgb),.15);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.qr-slider{width:100%;height:.5rem;-webkit-appearance:none;appearance:none;background:var(--pixel-border);border-radius:var(--radius-sm);cursor:pointer;outline:none}.qr-slider::-webkit-slider-runnable-track{width:100%;height:.5rem;background:var(--pixel-border);border-radius:var(--radius-sm)}.qr-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25rem;height:1.25rem;background:var(--brand-color);border:2px solid #fff;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px 4px #0003;margin-top:-.375rem;transition:transform var(--transition-base)}.qr-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.qr-slider::-moz-range-track{width:100%;height:.5rem;background:var(--pixel-border);border-radius:var(--radius-sm)}.qr-slider::-moz-range-thumb{width:1.25rem;height:1.25rem;background:var(--brand-color);border:2px solid #fff;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px 4px #0003}.qr-color-picker{display:flex;align-items:center;gap:var(--space-2)}.qr-color-swatch{width:2.25rem;height:2.25rem;border-radius:var(--radius-md);border:2px solid var(--pixel-border);cursor:pointer;overflow:hidden;position:relative}.qr-color-swatch input[type=color]{position:absolute;inset:-.5rem;width:calc(100% + 1rem);height:calc(100% + 1rem);border:none;cursor:pointer}.qr-color-input{flex:1;padding:var(--space-2) var(--space-3);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);font-family:monospace;text-transform:uppercase}.qr-divider{height:1px;background:var(--pixel-border);margin:var(--space-4) 0}.qr-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.qr-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.qr-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}@media(max-width:37.5rem){.qr-grid-2{grid-template-columns:1fr}.qr-grid-4{grid-template-columns:repeat(2,1fr)}}.qr-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;border-radius:var(--radius-sm);letter-spacing:var(--tracking-tight)}.qr-badge-success{background:#10b98126;color:var(--color-success)}.qr-badge-warning{background:#f59e0b26;color:var(--color-warning)}.qr-badge-info{background:rgba(var(--brand-color-rgb),.15);color:var(--brand-color-accent)}.qr-panel{background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);overflow:hidden}.qr-panel-tabs{display:flex;flex-wrap:wrap;gap:.25rem;padding:var(--space-2);background:var(--pixel-bg-tertiary);border-bottom:1px solid var(--pixel-border)}.qr-panel-tab{flex:1 1 auto;min-width:fit-content;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .5rem;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.qr-panel-tab i{font-size:var(--text-base)}.qr-panel-tab:hover{background:var(--pixel-bg-secondary);color:var(--pixel-text-primary)}.qr-panel-tab.active{background:var(--pixel-bg-primary);color:var(--brand-color);box-shadow:0 2px 8px #00000026}.qr-panel-tab span{white-space:nowrap}.qr-panel-content{padding:var(--space-3) var(--space-3) var(--space-2) var(--space-3)}.qr-panel-section{padding-bottom:var(--space-2);border-bottom:1px solid var(--pixel-border)}.qr-panel-section:last-child{padding-bottom:0;border-bottom:none}.qr-panel-section+.qr-panel-section{padding-top:var(--space-4)}.qr-panel-section-title{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.qr-panel-section-title i{color:var(--brand-color);font-size:var(--text-sm)}.qr-collapsible{background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);margin-top:var(--space-4);overflow:hidden}.qr-collapsible-header{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4);background:transparent;border:none;color:var(--pixel-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background var(--transition-base)}.qr-collapsible-header:hover{background:var(--pixel-bg-tertiary)}.qr-collapsible-header i:first-child{color:var(--brand-color);font-size:var(--text-sm)}.qr-collapsible-icon{margin-left:auto;font-size:var(--text-xs);color:var(--pixel-text-muted);transition:transform var(--transition-base)}.qr-collapsible-icon.expanded{transform:rotate(180deg)}.qr-collapsible-content{padding:var(--space-4);padding-top:0;border-top:1px solid var(--pixel-border);animation:qr-fade-in .2s ease}.qr-collapsible.expanded .qr-collapsible-content{padding-top:var(--space-4)}.qr-devtools{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;overflow:hidden}.qr-devtools-section{padding-bottom:var(--space-4);border-bottom:1px solid var(--pixel-border);min-width:0}.qr-devtools-section:last-child{padding-bottom:0;border-bottom:none}.qr-devtools-section h3{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.qr-devtools-section h3 i{color:var(--brand-color)}.qr-devtools-hint{font-size:var(--text-xs);color:var(--pixel-text-muted);margin:0 0 var(--space-3) 0}.qr-devtools-info{display:flex;flex-direction:column;gap:var(--space-2)}.qr-devtools-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs)}.qr-devtools-info-row span:first-child{color:var(--pixel-text-secondary)}.qr-devtools-info-row span:last-child{color:var(--pixel-text-primary);font-weight:var(--font-medium)}.qr-devtools-raw{width:100%;padding:var(--space-3);background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-family:Monaco,Menlo,monospace;font-size:var(--text-xs);resize:vertical;margin-bottom:var(--space-2)}.qr-analyzer{display:flex;flex-direction:column;gap:var(--space-4)}.qr-analyzer-quality{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--pixel-bg-tertiary),var(--pixel-bg-secondary));border:1px solid var(--pixel-border)}.qr-analyzer-quality-excellent{border-color:#10b981;background:linear-gradient(135deg,#10b9811a,#10b9810d)}.qr-analyzer-quality-good{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#3b82f60d)}.qr-analyzer-quality-fair{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}.qr-analyzer-quality-poor{border-color:#ef4444;background:linear-gradient(135deg,#ef44441a,#ef44440d)}.qr-analyzer-quality-score{display:flex;flex-direction:column;align-items:flex-start}.qr-analyzer-score-value{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-none)}.qr-analyzer-quality-excellent .qr-analyzer-score-value{color:#10b981}.qr-analyzer-quality-good .qr-analyzer-score-value{color:#3b82f6}.qr-analyzer-quality-fair .qr-analyzer-score-value{color:#f59e0b}.qr-analyzer-quality-poor .qr-analyzer-score-value{color:#ef4444}.qr-analyzer-score-label{font-size:var(--text-xs);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.qr-analyzer-quality-level{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold)}.qr-analyzer-quality-excellent .qr-analyzer-quality-level{color:#10b981}.qr-analyzer-quality-good .qr-analyzer-quality-level{color:#3b82f6}.qr-analyzer-quality-fair .qr-analyzer-quality-level{color:#f59e0b}.qr-analyzer-quality-poor .qr-analyzer-quality-level{color:#ef4444}.qr-analyzer-section{padding-bottom:var(--space-4);border-bottom:1px solid var(--pixel-border)}.qr-analyzer-section:last-child{padding-bottom:0;border-bottom:none}.qr-analyzer-section h3{display:flex;align-items:center;gap:var(--space-2);margin:0 0 .5rem;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.qr-analyzer-section h3 i{color:var(--brand-color)}.qr-analyzer-checks{display:flex;flex-direction:column;gap:var(--space-2)}.qr-analyzer-check{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);transition:border-color .2s}.qr-analyzer-check-excellent{border-color:#10b981}.qr-analyzer-check-good{border-color:#3b82f6}.qr-analyzer-check-fair{border-color:#f59e0b}.qr-analyzer-check-poor{border-color:#ef4444}.qr-analyzer-check-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-full);font-size:var(--text-xs)}.qr-analyzer-check-excellent .qr-analyzer-check-icon{background:#10b98126;color:#10b981}.qr-analyzer-check-good .qr-analyzer-check-icon{background:#3b82f626;color:#3b82f6}.qr-analyzer-check-fair .qr-analyzer-check-icon{background:#f59e0b26;color:#f59e0b}.qr-analyzer-check-poor .qr-analyzer-check-icon{background:#ef444426;color:#ef4444}.qr-analyzer-check-content{display:flex;flex-direction:column;flex:1;min-width:0}.qr-analyzer-check-label{font-size:var(--text-xs);color:var(--pixel-text-secondary)}.qr-analyzer-check-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.qr-analyzer-check-hint{font-size:var(--text-xs);color:var(--pixel-text-muted);white-space:nowrap}.qr-analyzer-check-explanation{margin:.375rem 0 0;font-size:var(--text-xs);color:var(--pixel-text-muted);line-height:var(--leading-snug)}.qr-analyzer-check-excellent .qr-analyzer-check-explanation{color:#10b981cc}.qr-analyzer-check-good .qr-analyzer-check-explanation{color:#3b82f6cc}.qr-analyzer-check-fair .qr-analyzer-check-explanation{color:#f59e0be6}.qr-analyzer-check-poor .qr-analyzer-check-explanation{color:#ef4444e6}.qr-analyzer-check-colors{display:flex;gap:.25rem}.qr-analyzer-check-colors span{width:1.25rem;height:1.25rem;border-radius:var(--radius-md);border:1px solid var(--pixel-border)}.qr-analyzer-content{display:flex;flex-direction:column;gap:var(--space-3)}.qr-analyzer-type-row{display:flex;align-items:center;gap:var(--space-2)}.qr-analyzer-type-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:rgba(var(--brand-color-rgb),.15);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--brand-color);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.qr-analyzer-data-length{font-size:var(--text-xs);color:var(--pixel-text-muted);margin-left:auto}.qr-analyzer-parsed{display:flex;flex-direction:column;gap:var(--space-2)}.qr-analyzer-parsed-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:.5rem .625rem;background:var(--pixel-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs)}.qr-analyzer-parsed-label{color:var(--pixel-text-secondary);flex-shrink:0}.qr-analyzer-parsed-value-wrap{display:flex;align-items:center;gap:var(--space-2);min-width:0}.qr-analyzer-parsed-value{color:var(--pixel-text-primary);font-weight:var(--font-medium);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.qr-analyzer-copy-btn,.qr-analyzer-action-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:transparent;color:var(--pixel-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all .2s;text-decoration:none}.qr-analyzer-copy-btn:hover,.qr-analyzer-action-btn:hover{background:var(--pixel-bg-secondary);color:var(--brand-color)}.qr-analyzer-copy-btn .fa-check,.qr-analyzer-action-btn .fa-check{color:#10b981}.qr-analyzer-raw{display:flex;flex-direction:column;gap:var(--space-2)}.qr-analyzer-raw label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.qr-analyzer-raw pre{margin:0;padding:var(--space-3);background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-family:Monaco,Menlo,monospace;font-size:var(--text-xs);white-space:pre-wrap;word-break:break-all;max-height:8rem;overflow-y:auto}.qr-analyzer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);text-align:center}.qr-analyzer-empty i{font-size:2.5rem;color:var(--pixel-text-muted);opacity:.5}.qr-analyzer-empty p{margin:0;font-size:var(--text-sm);color:var(--pixel-text-muted)}.qr-analyzer-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.qr-analyzer-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg)}.qr-analyzer-stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--brand-color)}.qr-analyzer-stat-label{font-size:var(--text-xs);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.qr-devtools-url-input{display:flex;gap:var(--space-2);min-width:0}.qr-devtools-url-input .qr-form-input{flex:1;min-width:0;font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.qr-devtools-code-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.qr-devtools-embed-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.qr-devtools-embed-tabs .qr-btn{display:flex;align-items:center;gap:var(--space-2)}.qr-devtools-embed-tabs .qr-btn.active{background:var(--brand-color);color:#fff}.qr-devtools-embed-code{display:flex;flex-direction:column;gap:var(--space-2)}.qr-devtools-code{font-family:Monaco,Menlo,Consolas,monospace;font-size:var(--text-xs);line-height:var(--leading-snug);white-space:pre}.qr-devtools-empty{font-size:var(--text-xs);color:var(--pixel-text-muted);font-style:italic;padding:var(--space-3);text-align:center;background:var(--pixel-bg-tertiary);border-radius:var(--radius-md)}@keyframes qr-fade-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes qr-pulse{0%,to{opacity:1}50%{opacity:.5}}.qr-animate-in{animation:qr-fade-in .3s ease forwards}.qr-loading{animation:qr-pulse 1.5s ease-in-out infinite}.qr-generator ::-webkit-scrollbar{width:.375rem;height:.375rem}.qr-generator ::-webkit-scrollbar-track{background:var(--pixel-bg-primary);border-radius:var(--radius-sm)}.qr-generator ::-webkit-scrollbar-thumb{background:var(--pixel-border);border-radius:var(--radius-sm)}.qr-generator ::-webkit-scrollbar-thumb:hover{background:var(--pixel-text-muted)}[dir=rtl] .qr-form-label,[dir=rtl] .qr-analyzer-check-content,[dir=rtl] .qr-analyzer-raw{text-align:right}[dir=rtl] .qr-analyzer-data-length{margin-left:0;margin-right:auto}[data-theme=light] .qr-page-title{color:#1e293b}[data-theme=light] .qr-page-title i{color:var(--brand-color)}[data-theme=light] .qr-page-subtitle{color:#475569}[data-theme=light] .qr-page-badge{background:rgba(var(--brand-color-rgb),.08);border-color:rgba(var(--brand-color-rgb),.2);color:var(--brand-color)}[data-theme=light] .qr-page-badge i{color:var(--brand-color)}[data-theme=light] .qr-generator-section{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0000000f}[data-theme=light] .qr-generator-section-header{background:#f8fafc;border-color:#00000014}[data-theme=light] .qr-generator-section-title{color:#1e293b}[data-theme=light] .qr-collapsible{background:#fff;border-color:#0000001a}[data-theme=light] .qr-collapsible-header{background:#f8fafc;color:#1e293b}[data-theme=light] .qr-collapsible-header:hover{background:#f1f5f9}[data-theme=light] .qr-panel{background:#fff;border-color:#0000001a}[data-theme=light] .qr-panel-tabs{background:#fff;border-color:#00000014}[data-theme=light] .qr-panel-tab{color:#64748b}[data-theme=light] .qr-panel-tab:hover{background:#f1f5f9;color:#1e293b}[data-theme=light] .qr-panel-tab.active{background:rgba(var(--brand-color-rgb),.15);color:var(--brand-color);box-shadow:none}[data-theme=light] .qr-panel-content{background:#fff}[data-theme=light] .qr-collapsible-content{background:#fff;border-color:#00000014}[data-theme=light] .qr-main-tabs{background:#f8fafc;border-color:#00000014}[data-theme=light] .qr-main-tab{color:#64748b}[data-theme=light] .qr-main-tab:hover{background:#0000000a;color:#1e293b}[data-theme=light] .qr-main-tab.active{background:#fff;color:var(--brand-color);border-color:#0000001a;box-shadow:0 1px 3px #00000014}[data-theme=light] .qr-panel-section-title{color:#1e293b}[data-theme=light] .qr-panel-section-title i{color:var(--brand-color)}[data-theme=light] .qr-preview-container{border-color:#0000001a}[data-theme=light] .qr-preview-bg-checkered{background-color:#fff;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%)}[data-theme=light] .qr-preview-placeholder{color:#64748b}[data-theme=light] .qr-preview-bg-toggle{background:#e2e8f0;border-color:#00000014}[data-theme=light] .qr-preview-bg-btn{color:#64748b;background:transparent}[data-theme=light] .qr-preview-bg-btn:hover{color:#1e293b;background:#f1f5f9}[data-theme=light] .qr-preview-bg-btn.active{color:var(--brand-color);background:#fff;box-shadow:0 1px 3px #0000001a}[data-theme=light] .qr-preview-actions button{background:#f1f5f9;border-color:#0000001a;color:#475569}[data-theme=light] .qr-preview-actions button:hover{background:#e2e8f0;color:#1e293b}[data-theme=light] .qr-preview-actions button.active{background:rgba(var(--brand-color-rgb),.1);border-color:rgba(var(--brand-color-rgb),.2);color:var(--brand-color)}[data-theme=light] .qr-share-section{background:#f8fafc;border-color:#00000014}[data-theme=light] .qr-share-title{color:#1e293b}[data-theme=light] .qr-share-description{color:#64748b}[data-theme=light] .qr-share-mode-toggle{background:#e2e8f0}[data-theme=light] .qr-share-mode-btn{color:#64748b}[data-theme=light] .qr-share-mode-btn.active{background:#fff;color:var(--brand-color);box-shadow:0 1px 3px #0000001a}[data-theme=light] .qr-share-buttons a{background:#f1f5f9;color:#475569}[data-theme=light] .qr-share-buttons a:hover{background:#e2e8f0}[data-theme=light] .qr-btn-primary{background:var(--brand-color);color:#fff}[data-theme=light] .qr-btn-secondary{background:#fff;border-color:#0000001f;color:#475569}[data-theme=light] .qr-btn-secondary:hover{background:#f1f5f9;border-color:#0003;color:#1e293b}[data-theme=light] .qr-btn-ghost{color:#64748b}[data-theme=light] .qr-btn-ghost:hover{background:#0000000a;color:#1e293b}[data-theme=light] .qr-sheet-panel{background:#f8fafc;border-color:#00000014}[data-theme=light] .qr-sheet-options label{color:#475569}[data-theme=light] .qr-sheet-select{background:#fff;border-color:#0000001f;color:#1e293b}[data-theme=light] .qr-type-btn{background:#fff;border-color:#0000001a;color:#475569}[data-theme=light] .qr-type-btn:hover{background:#f8fafc;border-color:rgba(var(--brand-color-rgb),.3);color:#1e293b}[data-theme=light] .qr-type-btn.active{background:rgba(var(--brand-color-rgb),.08);border-color:var(--brand-color);color:var(--brand-color)}[data-theme=light] .qr-type-toggle{background:#f1f5f9;color:#64748b}[data-theme=light] .qr-type-toggle:hover{background:#e2e8f0;color:var(--brand-color)}[data-theme=light] .qr-customizer-section{background:#f8fafc;border-color:#00000014}[data-theme=light] .qr-customizer-section-title{color:#1e293b}[data-theme=light] .qr-color-picker-wrap{background:#fff;border-color:#0000001a}[data-theme=light] .qr-color-label{color:#475569}[data-theme=light] .qr-color-value{color:#64748b}[data-theme=light] .qr-shape-btn{background:#fff;border-color:#0000001a;color:#475569}[data-theme=light] .qr-shape-btn:hover{border-color:rgba(var(--brand-color-rgb),.3)}[data-theme=light] .qr-shape-btn.active{background:rgba(var(--brand-color-rgb),.08);border-color:var(--brand-color);color:var(--brand-color)}[data-theme=light] .qr-slider-value{color:#64748b}[data-theme=light] .qr-template-card{background:#fff;border-color:#0000001a}[data-theme=light] .qr-template-card:hover{border-color:rgba(var(--brand-color-rgb),.3)}[data-theme=light] .qr-template-card.active{border-color:var(--brand-color)}[data-theme=light] .qr-template-name{color:#1e293b}[data-theme=light] .qr-form-input,[data-theme=light] .qr-form-select,[data-theme=light] .qr-form-textarea{background:#fff;border-color:#0000001f;color:#1e293b}[data-theme=light] .qr-form-input:focus,[data-theme=light] .qr-form-select:focus,[data-theme=light] .qr-form-textarea:focus{border-color:var(--brand-color);box-shadow:0 0 0 3px rgba(var(--brand-color-rgb),.1)}[data-theme=light] .qr-form-input::placeholder,[data-theme=light] .qr-form-textarea::placeholder{color:#94a3b8}[data-theme=light] .qr-form-label,[data-theme=light] .qr-checkbox-label{color:#475569}[data-theme=light] .qr-history-tab{background:#f1f5f9;border-color:#00000014}[data-theme=light] .qr-history-tab{color:#64748b;border:1px dashed}[data-theme=light] .qr-history-tab.active{background:#fff;border:1px solid;border-color:var(--brand-color);color:var(--brand-color)}[data-theme=light] .qr-history-item{background:#fff;border-color:#00000014}[data-theme=light] .qr-history-item:hover{border-color:rgba(var(--brand-color-rgb),.3);box-shadow:0 2px 4px #00000026;background:#fafafa}[data-theme=light] .qr-history-item-type{color:#475569}[data-theme=light] .qr-history-item-content{color:#1e293b}[data-theme=light] .qr-history-item-date{color:#94a3b8}[data-theme=light] .qr-history-item-action{background:#f1f5f9;color:#64748b}[data-theme=light] .qr-history-item-action:hover{background:#e2e8f0;color:#1e293b}[data-theme=light] .qr-history-item-action.favorite{color:#f59e0b}[data-theme=light] .qr-history-empty{color:#64748b}[data-theme=light] .qr-history-toolbar{border-color:#00000014}[data-theme=light] .qr-history-sort-label{color:#64748b}[data-theme=light] .qr-history-sort-btn{background:#f1f5f9;color:#64748b}[data-theme=light] .qr-history-sort-btn:hover,[data-theme=light] .qr-history-sort-btn.active{background:rgba(var(--brand-color-rgb),.1);color:var(--brand-color)}[data-theme=light] .qr-batch-type-selector{background:#f8fafc;border-color:#00000014}[data-theme=light] .qr-batch-type-btn{background:#fff;border-color:#0000001a;color:#475569}[data-theme=light] .qr-batch-type-btn:hover{border-color:rgba(var(--brand-color-rgb),.3)}[data-theme=light] .qr-batch-type-btn.active{background:rgba(var(--brand-color-rgb),.08);border-color:var(--brand-color);color:var(--brand-color)}[data-theme=light] .qr-batch-input-tabs{background:#f1f5f9}[data-theme=light] .qr-batch-input-tab{color:#64748b}[data-theme=light] .qr-batch-input-tab.active{background:#fff;color:var(--brand-color)}[data-theme=light] .qr-batch-dropzone{background:#fff;border-color:#00000026}[data-theme=light] .qr-batch-dropzone:hover{border-color:var(--brand-color);background:rgba(var(--brand-color-rgb),.02)}[data-theme=light] .qr-batch-dropzone-text{color:#64748b}[data-theme=light] .qr-batch-item{background:#fff;border-color:#00000014}[data-theme=light] .qr-batch-format-hint{background:#f1f5f9;border-color:#00000014}[data-theme=light] .qr-batch-format-hint code{background:#e2e8f0;color:#475569}[data-theme=light] .qr-batch-item-index{background:#f1f5f9;color:#64748b}[data-theme=light] .qr-batch-item-data{color:#1e293b}[data-theme=light] .qr-batch-stats{background:transparent}[data-theme=light] .qr-batch-stat-label{color:#64748b}[data-theme=light] .qr-batch-stat-value{color:#1e293b}[data-theme=light] .qr-batch-progress-bar{background:#e2e8f0}[data-theme=light] .qr-devtools-section{background:#f8fafc;border-color:#00000014}[data-theme=light] .qr-devtools-section h3{color:#1e293b}[data-theme=light] .qr-devtools-hint{color:#64748b}[data-theme=light] .qr-devtools-info-row{border-color:#0000000f}[data-theme=light] .qr-devtools-info-row span:first-child{color:#64748b}[data-theme=light] .qr-devtools-info-row span:last-child{color:#1e293b}[data-theme=light] .qr-devtools-code{background:#1e293b;color:#e2e8f0}[data-theme=light] .qr-devtools-embed-tabs .qr-btn-ghost.active{background:rgba(var(--brand-color-rgb),.1);color:var(--brand-color)}[data-theme=light] .qr-analyzer-quality{background:#f8fafc}[data-theme=light] .qr-analyzer-score-label{color:#64748b}[data-theme=light] .qr-analyzer-section h3{color:#1e293b}[data-theme=light] .qr-analyzer-check{background:#fff;border-color:#00000014}[data-theme=light] .qr-analyzer-check-label{color:#1e293b}[data-theme=light] .qr-analyzer-check-explanation,[data-theme=light] .qr-analyzer-parsed-label{color:#64748b}[data-theme=light] .qr-analyzer-parsed-value{color:#1e293b}[data-theme=light] .qr-analyzer-raw label{color:#64748b}[data-theme=light] .qr-analyzer-raw pre{background:#8398b6;color:#e2e8f0}[data-theme=light] .qr-analyzer-empty{color:#64748b}[data-theme=light] .qr-analyzer-stat{background:#f8fafc;border-color:#00000014}[data-theme=light] .qr-analyzer-stat-value{color:#1e293b}[data-theme=light] .qr-analyzer-stat-label{color:#64748b}[data-theme=light] .qr-content-section{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #0000000f}[data-theme=light] .qr-content-section-header{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.05) 0%,transparent 100%);border-color:#00000014}[data-theme=light] .qr-content-section-header h2{color:#1e293b}[data-theme=light] .qr-how-step-number{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.12),rgba(var(--brand-color-rgb),.05));border-color:rgba(var(--brand-color-rgb),.2)}[data-theme=light] .qr-how-step-title{color:#1e293b}[data-theme=light] .qr-how-step-description{color:#64748b}[data-theme=light] .qr-why-use-item{background:#f8fafc;border-color:transparent}[data-theme=light] .qr-why-use-item:hover{background:rgba(var(--brand-color-rgb),.04);border-color:rgba(var(--brand-color-rgb),.15)}[data-theme=light] .qr-why-use-icon{background:rgba(var(--brand-color-rgb),.1)}[data-theme=light] .qr-why-use-content h3{color:#1e293b}[data-theme=light] .qr-why-use-content p{color:#64748b}[data-theme=light] .qr-feature-card{background:#fff;border-color:#0000001a}[data-theme=light] .qr-feature-card:hover{border-color:rgba(var(--brand-color-rgb),.25);box-shadow:0 4px 12px #00000014}[data-theme=light] .qr-feature-card-icon{background:linear-gradient(135deg,rgba(var(--brand-color-rgb),.12),rgba(var(--brand-color-rgb),.05));border-color:rgba(var(--brand-color-rgb),.15)}[data-theme=light] .qr-feature-card-title{color:#1e293b}[data-theme=light] .qr-feature-card-description{color:#64748b}[data-theme=light] .qr-faq-item{border-color:#00000014}[data-theme=light] .qr-faq-question{color:#1e293b}[data-theme=light] .qr-faq-question:hover{background:rgba(var(--brand-color-rgb),.03)}[data-theme=light] .qr-faq-question i{color:#94a3b8}[data-theme=light] .qr-faq-item.open .qr-faq-question,[data-theme=light] .qr-faq-item.open .qr-faq-question i{color:var(--brand-color)}[data-theme=light] .qr-faq-answer p{color:#64748b;border-color:rgba(var(--brand-color-rgb),.2)}[data-theme=light] .qr-what-is-intro{color:#475569}[data-theme=light] .qr-what-is-card{background:#f8fafc;border-color:#00000014}[data-theme=light] .qr-what-is-card:hover{border-color:var(--brand-color)}[data-theme=light] .qr-what-is-card-icon{background:rgba(var(--brand-color-rgb),.1)}[data-theme=light] .qr-what-is-card h4{color:#1e293b}[data-theme=light] .qr-what-is-card p{color:#64748b}[data-theme=light] .qr-input-title{color:#1e293b}[data-theme=light] .qr-input-icon{background:rgba(var(--brand-color-rgb),.1)}[data-theme=light] .qr-utm-section{background:#f8fafc;border-color:#0000001a}[data-theme=light] .qr-utm-title{color:#475569}[data-theme=light] .qr-input-url-prefix{background:#e2e8f0;border-color:#0000001f;color:#64748b}[data-theme=light] .qr-wifi-encryption-btn{background:#fff;border-color:#0000001f;color:#475569}[data-theme=light] .qr-wifi-encryption-btn:hover{border-color:rgba(var(--brand-color-rgb),.4)}[data-theme=light] .qr-wifi-encryption-btn.active{background:rgba(var(--brand-color-rgb),.08);border-color:var(--brand-color);color:var(--brand-color)}[data-theme=light] .qr-history-item-badge{background:#f1f5f9;color:#64748b}[data-theme=light] .qr-history-item-badge.batch{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}[data-theme=light] .qr-history-preview,[data-theme=light] .qr-batch-output{background:#f8fafc;border-color:#00000014}[data-theme=light] .qr-batch-output-header{color:#1e293b}[data-theme=light] .qr-batch-filename{background:#fff;border-color:#0000001a;color:#1e293b}[data-theme=light] .qr-batch-filename-preview{background:#f1f5f9;color:#64748b}[data-theme=light] .qr-generator ::-webkit-scrollbar-track{background:#f1f5f9}[data-theme=light] .qr-generator ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] .qr-generator ::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=light] .qr-generator [data-tooltip]:before{background:#1e293b;color:#f1f5f9}[data-theme=light] .qr-generator [data-tooltip]:after{border-top-color:#1e293b}[data-theme=light] .qr-hint,[data-theme=light] .qr-optional-label{color:#64748b}.qr-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.qr-preview-container{position:relative;min-width:18.75rem;min-height:18.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);transition:var(--transition-base);padding:var(--space-2)}.qr-preview-bg-dark{background:#0f172a}.qr-preview-bg-light{background:#fff}.qr-preview-bg-checkered{background-color:#fff;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:1.25rem 1.25rem;background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0}.qr-preview-qr{width:15rem;height:15rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;border-radius:var(--radius-md)}.qr-preview-qr.qr-transparent-bg{background:transparent}.qr-frame-filled .qr-preview-qr.qr-transparent-bg,.qr-frame-ticket .qr-preview-qr.qr-transparent-bg,.qr-frame-splitpanel .qr-preview-qr.qr-transparent-bg,.qr-frame-wifi .qr-preview-qr.qr-transparent-bg,.qr-frame-menu .qr-preview-qr.qr-transparent-bg,.qr-frame-appdownload .qr-preview-qr.qr-transparent-bg,.qr-frame-stamp .qr-preview-qr.qr-transparent-bg,.qr-frame-speech .qr-preview-qr.qr-transparent-bg,.qr-frame-polaroid .qr-preview-qr.qr-transparent-bg,.qr-frame-minimal .qr-preview-qr.qr-transparent-bg{background:transparent!important}.qr-preview-qr svg{width:100%;height:100%}.qr-frame-active .qr-preview-qr{width:13rem;height:13rem}.qr-preview-placeholder{opacity:.3}.qr-preview-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:#0f172ae6;color:var(--pixel-text-secondary);font-size:var(--text-sm);backdrop-filter:blur(.25rem)}.qr-preview-overlay i{font-size:var(--text-5xl);opacity:.4}.qr-preview-bg-toggle{display:flex;gap:var(--space-1);background:var(--pixel-bg-primary);padding:var(--space-1);border-radius:var(--radius-lg)}.qr-preview-bg-btn{width:var(--space-8);height:var(--space-8);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.qr-preview-bg-btn:hover{color:var(--pixel-text-primary);background:var(--pixel-bg-tertiary)}.qr-preview-bg-btn.active{color:var(--brand-color);background:rgba(var(--brand-color-rgb),.15)}.qr-share-wrapper{margin-top:var(--space-4)}.qr-share-section{padding:var(--space-2);background:linear-gradient(135deg,var(--pixel-bg-secondary) 0%,var(--pixel-bg-tertiary) 100%);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.qr-share-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.qr-share-header i{color:var(--brand-color)}.qr-share-mode-toggle{display:flex;gap:.25rem;padding:var(--space-1);background:var(--pixel-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--pixel-border)}.qr-share-mode-btn{display:flex;align-items:center;gap:var(--space-2);padding:.375rem .75rem;font-size:var(--text-xs);font-weight:var(--font-medium);background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-secondary);cursor:pointer;transition:all var(--transition-base)}.qr-share-mode-btn:hover{color:var(--pixel-text-primary)}.qr-share-mode-btn.active{background:var(--brand-color);color:#fff}.qr-share-mode-btn.disabled,.qr-share-mode-btn:disabled{opacity:.4;cursor:not-allowed}.qr-share-mode-btn i{font-size:var(--text-xs)}.qr-share-description{font-size:var(--text-sm);color:var(--pixel-text-secondary);margin:0}.qr-share-label{font-size:var(--text-xs);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.qr-share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem}.qr-share-btn{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);padding:0;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-full);color:var(--pixel-text-secondary);cursor:pointer;transition:all var(--transition-base);position:relative}.qr-share-btn i{font-size:var(--text-lg)}.qr-share-btn:hover{background:var(--share-color, var(--brand-color));border-color:var(--share-color, var(--brand-color));color:#fff;transform:translateY(-3px) scale(1.1);box-shadow:0 6px 16px #0003}.qr-share-copy{--share-color: var(--brand-color)}.qr-share-copy.copied{background:#22c55e;border-color:#22c55e;color:#fff}.qr-frame-wrapper{display:flex;flex-direction:column;align-items:center}.qr-frame-wrapper.qr-frame-active{padding:var(--space-2);border-radius:var(--radius-lg)}.qr-frame-banner{padding:.375rem .75rem;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);background:var(--frame-color, #000);color:var(--frame-text-color, #fff);width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.25rem}.qr-frame-banner i{font-size:1em;line-height:var(--leading-none)}.qr-frame-text-bottom .qr-frame-banner{margin-top:0;margin-bottom:0}.qr-frame-text-top .qr-frame-banner{margin-bottom:0;margin-top:0}.qr-frame-banner-top{order:-1}.qr-frame-text-top.qr-frame-rounded{border-radius:var(--radius-xl)}.qr-frame-text-top .qr-frame-banner-rounded{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.qr-frame-text-bottom .qr-frame-banner-rounded{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.qr-frame-simple{border:3px solid var(--frame-color, #000)}.qr-frame-banner-simple{border-radius:var(--radius-none);margin-top:0}.qr-frame-rounded{border:3px solid var(--frame-color, #000);border-radius:var(--radius-xl)}.qr-frame-banner-rounded{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.qr-frame-circle .qr-preview-qr{border:3px solid var(--frame-color, #000);border-radius:var(--radius-full);padding:var(--space-4)}.qr-frame-banner-circle{border-radius:var(--radius-2xl);margin-top:var(--space-2);min-width:auto;padding:.375rem 1rem}.qr-frame-filled{background:var(--frame-color, #000);padding:var(--space-2);border-radius:var(--radius-xl)}.qr-frame-filled .qr-preview-qr{background:#fff;border-radius:var(--radius-lg);padding:var(--space-2)}.qr-frame-banner-filled{background:transparent;padding:var(--space-2)}.qr-frame-filled.qr-frame-text-bottom{padding-bottom:0}.qr-frame-filled.qr-frame-text-top{padding-top:0}.qr-frame-ticket{background:var(--frame-color, #000);padding:var(--space-2);border-radius:var(--radius-lg);position:relative}.qr-frame-ticket:before,.qr-frame-ticket:after{content:"";position:absolute;width:1rem;height:1rem;background:var(--pixel-bg-secondary);border-radius:var(--radius-full);top:50%;transform:translateY(-50%)}.qr-frame-ticket:before{left:-.5rem}.qr-frame-ticket:after{right:-.5rem}.qr-frame-ticket .qr-preview-qr{background:#fff;border-radius:var(--radius-md)}.qr-frame-banner-ticket{background:transparent;padding:var(--space-2)}.qr-frame-ticket.qr-frame-text-bottom{padding-bottom:0}.qr-frame-ticket.qr-frame-text-top{padding-top:0}.qr-frame-button{padding:var(--space-1)}.qr-frame-banner-button{background:var(--frame-color, #000);padding:.375rem .75rem;border-radius:var(--radius-md);margin-top:var(--space-1)}.qr-frame-brackets{position:relative;padding:var(--space-5);border:3px solid transparent;background:linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 0 0 / 1.5rem 3px no-repeat,linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 0 0 / 3px 1.5rem no-repeat,linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 100% 0 / 1.5rem 3px no-repeat,linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 100% 0 / 3px 1.5rem no-repeat,linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 0 100% / 1.5rem 3px no-repeat,linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 0 100% / 3px 1.5rem no-repeat,linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 100% 100% / 1.5rem 3px no-repeat,linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 100% 100% / 3px 1.5rem no-repeat}.qr-frame-brackets .qr-frame-banner{background:transparent;color:var(--frame-color, #000);font-size:var(--text-xs);padding:.5rem 0}.qr-frame-minimal{background:#fff;border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000001a;padding:var(--space-4)}.qr-frame-minimal .qr-preview-qr{border-radius:var(--radius-lg)}.qr-frame-minimal .qr-frame-banner{background:transparent;color:var(--frame-color, #000);font-size:var(--text-xs)}.qr-frame-minimal.qr-frame-text-bottom .qr-frame-banner{padding:.5rem 0 0}.qr-frame-minimal.qr-frame-text-top .qr-frame-banner{padding:0 0 .5rem}.qr-frame-neon{background:#0a0a0a;padding:var(--space-6);border-radius:var(--radius-lg);position:relative;box-shadow:0 0 25px var(--frame-color, #00ffff);background-image:linear-gradient(to right,var(--frame-color, #00ffff),var(--frame-color, #00ffff)),linear-gradient(to bottom,var(--frame-color, #00ffff),var(--frame-color, #00ffff)),linear-gradient(to left,var(--frame-color, #00ffff),var(--frame-color, #00ffff)),linear-gradient(to bottom,var(--frame-color, #00ffff),var(--frame-color, #00ffff)),linear-gradient(to right,var(--frame-color, #00ffff),var(--frame-color, #00ffff)),linear-gradient(to top,var(--frame-color, #00ffff),var(--frame-color, #00ffff)),linear-gradient(to left,var(--frame-color, #00ffff),var(--frame-color, #00ffff)),linear-gradient(to top,var(--frame-color, #00ffff),var(--frame-color, #00ffff));background-size:2rem 3px,3px 2rem,2rem 3px,3px 2rem,2rem 3px,3px 2rem,2rem 3px,3px 2rem;background-position:.5rem .5rem,.5rem .5rem,calc(100% - .5rem) .5rem,calc(100% - .5rem) .5rem,.5rem calc(100% - .5rem),.5rem calc(100% - .5rem),calc(100% - .5rem) calc(100% - .5rem),calc(100% - .5rem) calc(100% - .5rem);background-repeat:no-repeat;background-color:#0a0a0a}.qr-frame-neon .qr-preview-qr{border-radius:var(--radius-md);filter:drop-shadow(0 0 8px var(--frame-color, #00ffff))}.qr-frame-neon .qr-frame-banner{background:transparent;color:var(--frame-text-color, #00ffff);text-shadow:0 0 10px var(--frame-text-color, #00ffff),0 0 20px var(--frame-text-color, #00ffff);font-size:var(--text-xs)}.qr-frame-neon.qr-frame-text-bottom .qr-frame-banner{padding:.5rem 0 0}.qr-frame-neon.qr-frame-text-top .qr-frame-banner{padding:0 0 .5rem}.qr-frame-polaroid{background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 16px #00000026}.qr-frame-polaroid .qr-preview-qr{border-radius:var(--qr-radius-xs)}.qr-frame-polaroid .qr-frame-banner{background:transparent;color:#333;font-family:Brush Script MT,cursive,sans-serif;font-size:var(--text-base);font-weight:var(--font-normal);text-transform:none;letter-spacing:var(--tracking-normal);padding:var(--space-3)}.qr-frame-polaroid.qr-frame-text-bottom{padding:var(--space-3);padding-bottom:0}.qr-frame-polaroid.qr-frame-text-top{padding:var(--space-3);padding-top:0}.qr-frame-splitpanel{display:flex;flex-direction:column;background:var(--frame-color, #000);border-radius:var(--radius-lg);overflow:hidden}.qr-frame-splitpanel .qr-preview-qr{background:#fff;margin:var(--space-2);border-radius:var(--radius-md)}.qr-frame-splitpanel .qr-frame-banner{padding:var(--space-2);white-space:nowrap;text-align:center}.qr-frame-splitpanel.qr-frame-text-top .qr-frame-banner{order:-1}.qr-frame-splitpanel.qr-frame-text-bottom .qr-frame-banner{order:1}.qr-frame-wrapper.qr-frame-wifi{background:var(--frame-color, #3b82f6);padding:var(--space-3);padding-top:1.5rem;padding-bottom:0;border-radius:var(--radius-xl);position:relative}.qr-frame-wrapper.qr-frame-wifi:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:-1rem;left:50%;transform:translate(-50%);background:var(--frame-color, #3b82f6);color:var(--frame-text-color, #fff);padding:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-base);width:var(--space-10);height:var(--space-10);display:flex;align-items:center;justify-content:center}.qr-frame-wrapper.qr-frame-wifi .qr-preview-qr{background:#fff;border-radius:var(--radius-lg)}.qr-frame-wrapper.qr-frame-wifi .qr-frame-banner{background:transparent;padding:var(--space-3);font-size:var(--text-xs)}.qr-frame-wrapper.qr-frame-wifi.qr-frame-text-top{padding-top:0;padding-bottom:1.5rem}.qr-frame-wrapper.qr-frame-wifi.qr-frame-text-top:before{top:auto;bottom:-1rem}.qr-frame-wrapper.qr-frame-menu{background:var(--frame-color, #f59e0b);padding:var(--space-3);padding-top:1.5rem;padding-bottom:0;border-radius:var(--radius-xl);position:relative}.qr-frame-wrapper.qr-frame-menu:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:-1rem;left:50%;transform:translate(-50%);background:var(--frame-color, #f59e0b);color:var(--frame-text-color, #fff);padding:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-base);width:var(--space-10);height:var(--space-10);display:flex;align-items:center;justify-content:center}.qr-frame-wrapper.qr-frame-menu .qr-preview-qr{background:#fff;border-radius:var(--radius-lg)}.qr-frame-wrapper.qr-frame-menu .qr-frame-banner{background:transparent;padding:var(--space-3);font-size:var(--text-xs)}.qr-frame-wrapper.qr-frame-menu.qr-frame-text-top{padding-top:0;padding-bottom:1.5rem}.qr-frame-wrapper.qr-frame-menu.qr-frame-text-top:before{top:auto;bottom:-1rem}.qr-frame-wrapper.qr-frame-appdownload{background:var(--frame-color, #6366f1);padding:var(--space-3);padding-top:1.5rem;padding-bottom:0;border-radius:var(--radius-xl);position:relative}.qr-frame-wrapper.qr-frame-appdownload:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:-1rem;left:50%;transform:translate(-50%);background:var(--frame-color, #6366f1);color:var(--frame-text-color, #fff);padding:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-base);width:var(--space-10);height:var(--space-10);display:flex;align-items:center;justify-content:center}.qr-frame-wrapper.qr-frame-appdownload .qr-preview-qr{background:#fff;border-radius:var(--radius-lg)}.qr-frame-wrapper.qr-frame-appdownload .qr-frame-banner{background:transparent;padding:var(--space-3);font-size:var(--text-xs)}.qr-frame-wrapper.qr-frame-appdownload.qr-frame-text-top{padding-top:0;padding-bottom:1.5rem}.qr-frame-wrapper.qr-frame-appdownload.qr-frame-text-top:before{top:auto;bottom:-1rem}.qr-frame-dashed{border:3px dashed var(--frame-color, #000);border-radius:var(--radius-lg);padding:var(--space-1)}.qr-frame-text-bottom .qr-frame-banner-dashed{border-radius:0 0 var(--radius-md) var(--radius-md)}.qr-frame-text-top .qr-frame-banner-dashed{border-radius:var(--radius-md);var(--radius-md) 0 0}.qr-frame-double{border:4px double var(--frame-color, #000);border-radius:var(--radius-lg);padding:var(--space-1)}.qr-frame-text-bottom .qr-frame-banner-double{border-radius:0 0 var(--radius-md) var(--radius-md)}.qr-frame-text-top .qr-frame-banner-double{border-radius:var(--radius-md);var(--radius-md) 0 0}.qr-frame-brackets-only{position:relative;padding:var(--space-4);background:linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 0 0 / 1.5rem 3px no-repeat,linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 0 0 / 3px 1.5rem no-repeat,linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 100% 0 / 1.5rem 3px no-repeat,linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 100% 0 / 3px 1.5rem no-repeat,linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 0 100% / 1.5rem 3px no-repeat,linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 0 100% / 3px 1.5rem no-repeat,linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 100% 100% / 1.5rem 3px no-repeat,linear-gradient(var(--frame-color, #000),var(--frame-color, #000)) 100% 100% / 3px 1.5rem no-repeat}.qr-frame-brackets-only .qr-frame-banner{display:none}.qr-frame-brackets-rounded{position:relative;padding:var(--space-5)}.qr-frame-brackets-rounded:before,.qr-frame-brackets-rounded:after,.qr-frame-brackets-rounded .qr-preview-qr:before,.qr-frame-brackets-rounded .qr-preview-qr:after{content:"";position:absolute;width:1.5rem;height:1.5rem;border:3px solid var(--frame-color, #000);border-radius:var(--radius-none)}.qr-frame-brackets-rounded:before{top:var(--space-2);left:.5rem;border-right:none;border-bottom:none;border-top-left-radius:.5rem}.qr-frame-brackets-rounded:after{top:var(--space-2);right:var(--space-2);border-left:none;border-bottom:none;border-top-right-radius:.5rem}.qr-frame-brackets-rounded .qr-preview-qr{position:relative}.qr-frame-brackets-rounded.qr-frame-text-top:before,.qr-frame-brackets-rounded.qr-frame-text-top:after{display:none}.qr-frame-brackets-rounded.qr-frame-text-top .qr-frame-banner:before,.qr-frame-brackets-rounded.qr-frame-text-top .qr-frame-banner:after{content:"";position:absolute;width:1.5rem;height:1.5rem;border:3px solid var(--frame-color, #000);top:-.25rem}.qr-frame-brackets-rounded.qr-frame-text-top .qr-frame-banner:before{left:-.75rem;border-right:none;border-bottom:none;border-top-left-radius:.5rem}.qr-frame-brackets-rounded.qr-frame-text-top .qr-frame-banner:after{right:-.75rem;border-left:none;border-bottom:none;border-top-right-radius:.5rem}.qr-frame-brackets-rounded .qr-preview-qr:before,.qr-frame-brackets-rounded .qr-preview-qr:after{display:none}.qr-frame-brackets-rounded .qr-frame-banner{background:transparent;color:var(--frame-color, #000);font-size:var(--text-xs);padding:.5rem 0;position:relative}.qr-frame-brackets-rounded.qr-frame-text-bottom .qr-frame-banner:before,.qr-frame-brackets-rounded.qr-frame-text-bottom .qr-frame-banner:after{content:"";position:absolute;width:1.5rem;height:1.5rem;border:3px solid var(--frame-color, #000);bottom:-.25rem}.qr-frame-brackets-rounded.qr-frame-text-bottom .qr-frame-banner:before{left:-.75rem;border-right:none;border-top:none;border-bottom-left-radius:.5rem}.qr-frame-brackets-rounded.qr-frame-text-bottom .qr-frame-banner:after{right:-.75rem;border-left:none;border-top:none;border-bottom-right-radius:.5rem}.qr-frame-brackets-rounded.qr-frame-text-top .qr-preview-qr:before,.qr-frame-brackets-rounded.qr-frame-text-top .qr-preview-qr:after{content:"";position:absolute;width:1.5rem;height:1.5rem;border:3px solid var(--frame-color, #000);display:block;bottom:-1rem}.qr-frame-brackets-rounded.qr-frame-text-top .qr-preview-qr:before{left:-.75rem;border-right:none;border-top:none;border-bottom-left-radius:.5rem}.qr-frame-brackets-rounded.qr-frame-text-top .qr-preview-qr:after{right:-.75rem;border-left:none;border-top:none;border-bottom-right-radius:.5rem}.qr-frame-stamp{background:var(--frame-color, #000);padding:var(--space-4);position:relative;--dot-size: .375rem;--dot-space: .5rem;mask-image:radial-gradient(circle at var(--dot-space) 0,transparent var(--dot-size),black var(--dot-size)),radial-gradient(circle at var(--dot-space) 100%,transparent var(--dot-size),black var(--dot-size)),radial-gradient(circle at 0 var(--dot-space),transparent var(--dot-size),black var(--dot-size)),radial-gradient(circle at 100% var(--dot-space),transparent var(--dot-size),black var(--dot-size));mask-size:calc(var(--dot-space) * 2) 100%,calc(var(--dot-space) * 2) 100%,100% calc(var(--dot-space) * 2),100% calc(var(--dot-space) * 2);mask-position:0 0,0 100%,0 0,100% 0;mask-repeat:repeat-x,repeat-x,repeat-y,repeat-y;-webkit-mask-image:radial-gradient(circle at var(--dot-space) 0,transparent var(--dot-size),black var(--dot-size)),radial-gradient(circle at var(--dot-space) 100%,transparent var(--dot-size),black var(--dot-size)),radial-gradient(circle at 0 var(--dot-space),transparent var(--dot-size),black var(--dot-size)),radial-gradient(circle at 100% var(--dot-space),transparent var(--dot-size),black var(--dot-size));-webkit-mask-size:calc(var(--dot-space) * 2) 100%,calc(var(--dot-space) * 2) 100%,100% calc(var(--dot-space) * 2),100% calc(var(--dot-space) * 2);-webkit-mask-position:0 0,0 100%,0 0,100% 0;-webkit-mask-repeat:repeat-x,repeat-x,repeat-y,repeat-y}.qr-frame-stamp .qr-preview-qr{background:#fff;border-radius:var(--qr-radius-xs)}.qr-frame-stamp .qr-frame-banner{background:transparent;font-size:var(--text-xs)}.qr-frame-stamp.qr-frame-text-bottom .qr-frame-banner{padding:.5rem 0 0}.qr-frame-stamp.qr-frame-text-top .qr-frame-banner{padding:0 0 .5rem}.qr-frame-ribbon{position:relative;padding:var(--space-2);padding-top:1.5rem}.qr-frame-ribbon:before{content:attr(data-ribbon-text);position:absolute;top:.75rem;right:-2rem;background:var(--frame-color, #ef4444);color:var(--frame-text-color, #fff);padding:.25rem 2rem;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);transform:rotate(45deg);transform-origin:center;box-shadow:0 2px 4px #0003;z-index:1}.qr-frame-ribbon .qr-frame-banner{display:none}.qr-frame-wrapper.qr-frame-ribbon{overflow:hidden}.qr-frame-ribbon.qr-frame-text-bottom{padding-top:var(--space-2);padding-bottom:1.5rem}.qr-frame-ribbon.qr-frame-text-bottom:before{top:auto;bottom:.75rem;right:auto;left:-2rem;transform:rotate(-45deg)}.qr-frame-speech{background:var(--frame-color, #000);padding:var(--space-2);border-radius:var(--radius-xl);position:relative}.qr-frame-speech:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:0;height:0;border-left:.75rem solid transparent;border-right:.75rem solid transparent}.qr-frame-speech .qr-preview-qr{background:#fff;border-radius:var(--radius-lg)}.qr-frame-speech .qr-frame-banner{background:transparent}.qr-frame-speech.qr-frame-text-bottom{margin-bottom:var(--space-3)}.qr-frame-speech.qr-frame-text-bottom:after{bottom:-.75rem;border-top:.75rem solid var(--frame-color, #000)}.qr-frame-speech.qr-frame-text-bottom .qr-frame-banner{padding:.5rem 0 0}.qr-frame-speech.qr-frame-text-top{margin-top:var(--space-3)}.qr-frame-speech.qr-frame-text-top:after{top:-.75rem;border-bottom:.75rem solid var(--frame-color, #000)}.qr-frame-speech.qr-frame-text-top .qr-frame-banner{padding:0 0 .5rem}@media(max-width:37.5rem){.qr-preview-container{min-width:16rem;min-height:16rem;max-width:100%}.qr-preview-qr{width:13rem;height:13rem}.qr-frame-active .qr-preview-qr{width:11rem;height:11rem}.qr-frame-banner{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}}@media(max-width:20rem){.qr-preview-container{min-width:100%;min-height:auto}.qr-preview-qr{width:11rem;height:11rem}.qr-frame-active .qr-preview-qr{width:9rem;height:9rem}}.qr-type-selector{display:flex;flex-direction:column;gap:var(--space-4)}.qr-type-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-1)}@media(max-width:62.5rem){.qr-type-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:50rem){.qr-type-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:37.5rem){.qr-type-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:25rem){.qr-type-grid{grid-template-columns:repeat(3,1fr)}}.qr-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.625rem .375rem;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);min-width:0;overflow:hidden}.qr-type-btn i{font-size:var(--text-base);transition:transform var(--transition-base)}.qr-type-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.qr-type-btn:hover{background:var(--pixel-bg-tertiary);border-color:var(--brand-color);color:var(--pixel-text-primary)}.qr-type-btn:hover i{transform:scale(1.1);color:var(--brand-color)}.qr-type-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.qr-type-btn.active i{color:var(--brand-color)}.qr-type-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);background:transparent;border:1px dashed var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.qr-type-toggle:hover{background:var(--pixel-bg-tertiary);border-color:var(--brand-color);color:var(--brand-color)}.qr-type-toggle span{display:flex;align-items:center;gap:var(--space-1)}.qr-type-toggle-count{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);background:rgba(var(--brand-color-rgb),.15);border-radius:var(--qr-radius-full);color:var(--brand-color);font-size:var(--text-xs);font-weight:var(--font-semibold)}.qr-type-toggle i{font-size:var(--text-xs);transition:transform var(--transition-base)}.qr-type-toggle:hover i{transform:translateY(2px)}.qr-customizer{display:flex;flex-direction:column;gap:0}.qr-customizer-templates .qr-panel-section{border-bottom:none;padding-bottom:var(--space-2)}.qr-customizer-templates .qr-panel-section+.qr-panel-section{padding-top:var(--space-4);border-top:1px solid var(--pixel-border)}.qr-design-tabs{display:flex;flex-wrap:wrap;gap:.25rem;padding:var(--space-1);background:var(--pixel-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.qr-design-tab{flex:1 1 auto;min-width:fit-content;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.qr-design-tab i{font-size:var(--text-base)}.qr-design-tab:hover{background:var(--pixel-bg-secondary);color:var(--pixel-text-primary)}.qr-design-tab.active{background:var(--pixel-bg-primary);color:var(--brand-color);box-shadow:0 1px 3px #0000001a}.qr-design-tab span{font-weight:var(--font-medium)}.qr-customizer-group{display:flex;flex-direction:column;gap:var(--space-2);padding:.5rem 0}.qr-color-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--pixel-text-muted);padding:0 .25rem}.qr-pattern-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-1)}@media(max-width:37.5rem){.qr-pattern-grid{grid-template-columns:repeat(3,1fr)}}.qr-pattern-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .375rem;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.qr-pattern-btn:hover{border-color:var(--brand-color);color:var(--pixel-text-primary)}.qr-pattern-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.qr-pattern-preview{width:1.5rem;height:1.5rem;background:currentColor;border-radius:.125rem}.qr-pattern-preview[data-pattern=rounded]{border-radius:var(--radius-sm)}.qr-pattern-preview[data-pattern=dots]{border-radius:var(--radius-full)}.qr-pattern-preview[data-pattern=classy],.qr-pattern-preview[data-pattern=classy-rounded]{border-radius:.375rem .125rem}.qr-eye-selector{display:flex;flex-direction:column;gap:var(--space-1)}.qr-eye-label{font-size:var(--text-xs);color:var(--pixel-text-muted)}.qr-eye-options{display:flex;gap:var(--space-1)}.qr-eye-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base)}.qr-eye-btn:hover{border-color:var(--brand-color);color:var(--pixel-text-primary)}.qr-eye-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.qr-eye-icon[data-eye=rounded]{border-radius:var(--radius-sm)}.qr-eye-icon[data-eye=circle]{border-radius:var(--radius-full)}.qr-logo-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-6);background:var(--pixel-bg-primary);border:2px dashed var(--pixel-border);border-radius:var(--radius-lg);color:var(--pixel-text-secondary);cursor:pointer;transition:all var(--transition-base)}.qr-logo-upload:hover{border-color:var(--brand-color);color:var(--brand-color);background:rgba(var(--brand-color-rgb),.05)}.qr-logo-upload i{font-size:var(--text-2xl)}.qr-logo-upload span{font-size:var(--text-sm)}.qr-logo-upload .qr-hint{font-size:var(--text-xs);color:var(--pixel-text-muted)}.qr-logo-preview{display:flex;gap:var(--space-4);padding:var(--space-2);background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg)}.qr-logo-preview img{width:4rem;height:4rem;object-fit:contain;border-radius:var(--radius-md);background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px;background-color:#f5f5f5}.qr-logo-controls{flex:1;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center}.qr-size-presets{display:flex;gap:var(--space-1);flex-wrap:wrap}.qr-size-btn:hover{border-color:var(--brand-color);color:var(--pixel-text-primary)}.qr-size-btn.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.qr-size-custom{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.qr-size-custom input{width:6.25rem}.qr-ec-options{display:flex;gap:var(--space-1)}.qr-ec-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:.625rem .5rem;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.qr-ec-btn:hover{border-color:var(--brand-color)}.qr-ec-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color)}.qr-ec-level{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.qr-ec-btn.active .qr-ec-level{color:var(--brand-color)}.qr-ec-recovery{font-size:var(--text-xs);color:var(--pixel-text-muted)}.qr-element-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.qr-element-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.qr-element-btn i{font-size:var(--text-xs)}.qr-element-btn:hover{border-color:var(--brand-color);color:var(--pixel-text-primary)}.qr-element-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.qr-element-btn.qr-element-btn-muted{opacity:.5;border-style:dashed}.qr-element-btn.qr-element-btn-muted:hover{opacity:.7}.qr-custom-color-picker{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--pixel-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--pixel-border)}.qr-color-picker-input{width:3rem;height:3rem;padding:0;border:2px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;background:transparent}.qr-color-picker-input::-webkit-color-swatch-wrapper{padding:2px}.qr-color-picker-input::-webkit-color-swatch{border-radius:4px;border:none}.qr-color-picker-input:hover{border-color:var(--brand-color)}.qr-color-picker-input:disabled{opacity:.5;cursor:not-allowed}.qr-transparent-btn{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);padding:0;background:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px;border:2px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;color:var(--pixel-text-secondary);font-size:var(--text-base)}.qr-transparent-btn:hover{border-color:var(--brand-color)}.qr-transparent-btn.active{border-color:var(--brand-color);box-shadow:0 0 0 2px rgba(var(--brand-color-rgb),.2)}.qr-transparent-btn.active i{color:var(--brand-color)}.qr-page-color-picker{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--pixel-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--pixel-border)}.qr-color-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:.75rem;border-top:1px solid var(--pixel-border)}.qr-color-actions .qr-btn{flex:1;justify-content:center}.qr-btn-outline{background:transparent;border:1px solid var(--pixel-border);color:var(--pixel-text-secondary)}.qr-btn-outline:hover:not(:disabled){border-color:var(--pixel-text-muted);color:var(--pixel-text-primary);background:var(--pixel-bg-tertiary)}.qr-btn-outline:disabled{opacity:.5;cursor:not-allowed}.qr-color-presets{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.qr-color-preset-btn{width:var(--space-8);height:var(--space-8);padding:var(--space-1);background:var(--pixel-bg-secondary);border:2px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.qr-color-preset-btn:hover{border-color:var(--brand-color);transform:scale(1.1)}.qr-color-preset-preview{display:block;width:100%;height:100%;border-radius:.125rem}.qr-gradient-presets{display:flex;flex-wrap:wrap;gap:var(--space-3)}.qr-gradient-btn{width:var(--space-10);height:var(--space-10);padding:var(--space-1);background:var(--pixel-bg-secondary);border:2px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.qr-gradient-btn:hover{border-color:var(--brand-color);transform:scale(1.1)}.qr-gradient-btn.active{border-color:var(--brand-color);box-shadow:0 0 0 2px rgba(var(--brand-color-rgb),.3)}.qr-gradient-preview{display:block;width:100%;height:100%;border-radius:.125rem}.qr-gradient-label{font-size:.5rem;color:var(--pixel-text-muted);margin-top:var(--space-1)}.qr-gradient-custom{margin-top:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--pixel-border);display:flex;flex-direction:column;gap:var(--space-2)}.qr-gradient-type{display:flex;align-items:center;gap:var(--space-2)}.qr-gradient-type-buttons{display:flex;gap:.25rem}.qr-gradient-type-btn{width:var(--space-8);height:var(--space-8);display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);cursor:pointer;transition:all var(--transition-base);position:relative}.qr-gradient-type-btn:hover{border-color:var(--brand-color);color:var(--brand-color)}.qr-gradient-type-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.qr-gradient-colors{display:flex;gap:var(--space-4)}.qr-gradient-color-item{display:flex;align-items:center;gap:var(--space-2)}.qr-gradient-color-item input[type=color]{width:var(--space-8);height:var(--space-8);padding:0;border:2px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;appearance:none}.qr-gradient-color-item input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.qr-gradient-color-item input[type=color]::-webkit-color-swatch{border-radius:var(--radius-sm);border:none}.qr-gradient-color-label{font-size:var(--text-xs);color:var(--pixel-text-secondary)}.qr-gradient-rotation{display:flex;align-items:center;gap:var(--space-2)}.qr-gradient-rotation .qr-slider{flex:1}.qr-corner-colors{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.qr-corner-color-item{display:flex;align-items:center;gap:var(--space-2)}.qr-corner-label{font-size:var(--text-xs);color:var(--pixel-text-secondary)}.qr-element-colors{display:flex;flex-direction:column;gap:var(--space-2);background:var(--pixel-bg-secondary);border-radius:var(--radius-md);padding:var(--space-2);border:1px solid var(--pixel-border)}.qr-element-color-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.375rem 0}.qr-element-color-row:not(:last-child){border-bottom:1px solid var(--pixel-border);padding-bottom:.5rem}.qr-element-color-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--pixel-text-secondary)}.qr-element-color-label i{width:1rem;text-align:center;color:var(--pixel-text-muted);font-size:var(--text-xs)}.qr-element-color-input{display:flex;align-items:center;gap:var(--space-2)}.qr-element-color-input input[type=color]{width:1.75rem;height:1.75rem;padding:0;border:2px solid var(--pixel-border);border-radius:var(--qr-radius-xs);cursor:pointer;background:transparent}.qr-element-color-input input[type=color]:hover{border-color:var(--brand-color)}.qr-color-hex{font-size:var(--text-xs);font-family:monospace;color:var(--pixel-text-muted);min-width:5rem;text-align:right}.qr-logo-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.25rem,1fr));gap:var(--space-2);margin-bottom:var(--space-2)}.qr-logo-preset-btn{width:var(--space-10);height:var(--space-10);display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xl);transition:all var(--transition-base)}.qr-logo-preset-btn:hover{border-color:var(--brand-color);transform:scale(1.1);background:var(--pixel-bg-tertiary)}.qr-label-sm{font-size:.625rem!important;margin-bottom:.25rem!important}.qr-shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:var(--space-2)}.qr-shape-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:var(--space-2);background:var(--pixel-bg-primary);border:2px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;color:var(--pixel-text-primary);transition:all var(--transition-base)}.qr-shape-btn:hover{border-color:var(--brand-color);background:rgba(var(--brand-color-rgb),.05)}.qr-shape-btn.active{border-color:var(--brand-color);background:rgba(var(--brand-color-rgb),.15);color:var(--brand-color)}.qr-shape-icon{font-size:var(--text-xl);line-height:var(--leading-none)}.qr-shape-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary);white-space:nowrap}.qr-shape-btn.active .qr-shape-label{color:var(--brand-color)}.qr-frame-info{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);margin-top:var(--space-2);background:rgba(var(--brand-color-rgb),.1);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--pixel-text-secondary)}.qr-frame-info i{color:var(--brand-color);margin-top:var(--space-1)}.qr-frame-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-2);margin-bottom:var(--space-2)}.qr-frame-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.625rem .375rem;background:var(--pixel-bg-primary);border:2px solid var(--pixel-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.qr-frame-btn:hover{border-color:var(--brand-color);background:rgba(var(--brand-color-rgb),.05)}.qr-frame-btn.active{border-color:var(--brand-color);background:rgba(var(--brand-color-rgb),.15)}.qr-frame-icon{font-size:var(--text-xl);color:var(--pixel-text-primary);line-height:var(--leading-none);display:flex;align-items:center;justify-content:center;height:1.5rem}.qr-frame-icon i{font-size:inherit}.qr-frame-btn.active .qr-frame-icon{color:var(--brand-color)}.qr-frame-name{font-size:var(--text-xs);color:var(--pixel-text-muted)}.qr-frame-text-input{margin-top:var(--space-2)}@media(max-width:37.5rem){.qr-frame-grid{grid-template-columns:repeat(4,1fr)}}.qr-size-presets{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.qr-size-btn{padding:.375rem .75rem;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.qr-size-btn:hover{border-color:var(--brand-color)}.qr-size-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.qr-size-custom{display:flex;align-items:center;gap:var(--space-2)}.qr-size-custom .qr-form-input{width:6.25rem}.qr-size-unit{font-size:var(--text-xs);color:var(--pixel-text-muted)}.qr-display-mode-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.qr-display-mode-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .5rem;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base)}.qr-display-mode-btn i{font-size:var(--text-base)}.qr-display-mode-btn:hover{border-color:var(--brand-color);color:var(--pixel-text-primary)}.qr-display-mode-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.qr-icon-grid{display:grid;grid-template-columns:repeat(15,1fr);gap:.25rem}.qr-icon-btn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base);padding:var(--space-2);min-width:0}.qr-icon-btn:hover{border-color:var(--brand-color);color:var(--pixel-text-primary);background:var(--pixel-bg-secondary)}.qr-icon-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.qr-font-size-btns{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.qr-font-size-btn{padding:var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.qr-font-size-btn:hover{border-color:var(--brand-color);color:var(--pixel-text-primary)}.qr-font-size-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.qr-font-weight-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.qr-font-weight-btn{padding:var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.qr-font-weight-btn:hover{border-color:var(--brand-color);color:var(--pixel-text-primary)}.qr-font-weight-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.qr-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:var(--space-3)}.qr-template-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-primary);border:2px solid var(--pixel-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);width:100%;max-width:6rem}.qr-template-card:hover{border-color:var(--brand-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.qr-template-card.qr-template-custom{position:relative;padding:0}.qr-template-card-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2);background:none;border:none;cursor:pointer;width:100%}.qr-template-preview{width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center}.qr-template-preview-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-1);border-radius:var(--radius-md)}.qr-mini-svg{width:100%;height:100%}.qr-template-card.active{border-color:var(--brand-color);background:rgba(var(--brand-color-rgb),.1)}.qr-template-card.active .qr-template-name{color:var(--brand-color);font-weight:var(--font-semibold)}.qr-panel-section-title{display:flex;align-items:center;gap:var(--space-2)}.qr-template-actions{margin-left:auto;display:flex;gap:.25rem}.qr-btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.qr-btn-xs i{font-size:var(--text-xs)}.qr-btn-import{cursor:pointer}.qr-btn-import span,.qr-template-actions .qr-btn span{font-size:.7rem}.qr-template-name{font-size:var(--text-xs);color:var(--pixel-text-secondary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.qr-template-delete{position:absolute;top:.25rem;right:.25rem;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;opacity:0;transition:all var(--transition-base)}.qr-template-card:hover .qr-template-delete{opacity:1}.qr-template-delete:hover{background:var(--color-error);color:#fff}.qr-action-row{display:flex;gap:var(--space-2);justify-content:space-between}.qr-action-row .qr-btn{flex:1}.qr-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.qr-modal{background:var(--pixel-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:20rem;box-shadow:0 20px 60px #0000004d;overflow:hidden}.qr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--pixel-border)}.qr-modal-header h3{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.qr-modal-close{width:var(--space-8);height:var(--space-8);display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--pixel-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base)}.qr-modal-close:hover{background:var(--pixel-bg-secondary);color:var(--pixel-text-primary)}.qr-modal-body{padding:var(--space-4)}.qr-modal-footer{display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4);border-top:1px solid var(--pixel-border);background:var(--pixel-bg-secondary)}.qr-save-template-section{border-top:1px solid var(--pixel-border);padding-top:var(--space-4);margin-top:var(--space-2)}.qr-save-template-form{display:flex;gap:var(--space-2)}.qr-save-template-form .qr-form-input{flex:10}.qr-save-template-form .qr-btn{flex-shrink:0}[dir=rtl] .qr-template-actions{margin-left:0;margin-right:auto}@media(max-width:25rem){.qr-color-hex{min-width:auto;display:none}.qr-frame-grid{grid-template-columns:repeat(3,1fr)}.qr-gradient-colors{flex-direction:column;gap:var(--space-2)}.qr-corner-colors{flex-direction:column;align-items:flex-start}.qr-element-color-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.qr-element-color-input{width:100%;justify-content:flex-start}.qr-gradient-custom{padding:var(--space-2)}.qr-gradient-type,.qr-gradient-rotation{flex-wrap:wrap}.qr-color-presets{justify-content:flex-start}.qr-custom-color-picker{flex-wrap:wrap}}.qr-exporter{display:flex;flex-direction:column;gap:.85rem;width:100%}.qr-exporter-disabled{opacity:.6}.qr-exporter-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-md, 6px);color:var(--qr-accent, #6366f1);font-size:var(--text-xs)}.qr-exporter-notice i{font-size:var(--text-sm)}.qr-exporter-secondary{display:flex;gap:var(--space-2);flex-wrap:wrap}.qr-exporter-secondary .qr-btn{flex:1;min-width:4.375rem}.qr-exporter-secondary .qr-btn span{font-size:var(--text-xs)}.qr-btn.copied{background:#10b98126!important;border-color:var(--color-success)!important;color:var(--color-success)!important}.qr-sheet-panel{padding:0;background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border-color);border-radius:var(--radius-lg)}.qr-sheet-generate{margin-top:var(--space-4)}.qr-sheet-option-row{margin-bottom:var(--space-3)}.qr-sheet-option-label{display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.qr-sheet-option-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.qr-sheet-option-btn{display:flex;align-items:center;gap:.25rem;padding:var(--space-2) var(--space-2);font-size:var(--text-xs);background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);cursor:pointer;transition:all var(--transition-base)}.qr-sheet-option-btn:hover{border-color:var(--brand-color);color:var(--pixel-text-primary)}.qr-sheet-option-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--brand-color);color:var(--brand-color)}.qr-sheet-option-btn i{font-size:var(--text-xs)}.qr-sheet-hint{font-size:var(--text-sm);color:var(--pixel-text-secondary);margin:0 0 1rem}.qr-sheet-layouts{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.qr-sheet-layout-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:.5rem;background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.qr-sheet-layout-btn:hover{border-color:var(--brand-color)}.qr-sheet-layout-btn.active{border-color:var(--brand-color);background:rgba(var(--brand-color-rgb),.1)}.qr-sheet-layout-grid{display:grid;gap:2px;width:var(--space-10);height:3rem}.qr-sheet-layout-grid span{background:var(--pixel-text-muted);border-radius:1px}.qr-sheet-layout-btn.active .qr-sheet-layout-grid span{background:var(--brand-color)}.qr-sheet-layout-label{font-size:var(--text-xs);color:var(--pixel-text-secondary);white-space:nowrap}@media(max-width:25rem){.qr-exporter-secondary{flex-direction:column}.qr-exporter-secondary .qr-btn{width:100%}.qr-sheet-layouts{grid-template-columns:repeat(2,1fr)}}.qr-batch-container{display:flex;flex-direction:column;gap:var(--space-4)}.qr-batch-inline{background:var(--pixel-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--pixel-border);padding:var(--space-4)}.qr-batch-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--pixel-border-color)}.qr-batch-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.qr-batch-title i{color:var(--qr-accent)}.qr-batch-type-selector{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border-color);border-radius:var(--radius-md);color:var(--pixel-text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.qr-batch-type-selector:hover{border-color:var(--qr-accent);background:var(--pixel-bg-tertiary)}.qr-batch-type-current{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-semibold);font-size:var(--text-sm)}.qr-batch-type-current i{color:var(--qr-accent);font-size:var(--text-base)}.qr-batch-type-fields{flex:1;font-size:var(--text-xs);color:var(--pixel-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-batch-type-selector>i:last-child{color:var(--pixel-text-muted);font-size:var(--text-xs)}.qr-batch-type-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-1);padding:var(--space-2);background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border-color);border-radius:var(--radius-md);overflow-y:auto}.qr-batch-type-grid .qr-batch-type-btn{border-radius:var(--radius-md)}@media(max-width:50rem){.qr-batch-type-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:37.5rem){.qr-batch-type-grid{grid-template-columns:repeat(3,1fr)}}.qr-batch-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .375rem;background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--qr-radius-xs);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all .15s ease}.qr-batch-type-btn i{font-size:var(--text-sm)}.qr-batch-type-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.qr-batch-type-btn:hover{background:var(--pixel-bg-tertiary);border-color:var(--qr-accent);color:var(--pixel-text-primary)}.qr-batch-type-btn.active{background:rgba(var(--brand-color-rgb),.15);border-color:var(--qr-accent);color:var(--qr-accent)}.qr-batch-format-hint{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.qr-batch-format-hint-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--qr-accent);font-weight:var(--font-medium)}.qr-batch-format-hint-header i{font-size:var(--text-xs)}.qr-batch-format-hint-fields{display:flex;flex-wrap:wrap;gap:var(--space-2)}.qr-batch-field-tag{padding:var(--space-1) var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--qr-radius-full);font-size:var(--text-xs);color:var(--pixel-text-secondary)}.qr-batch-field-tag.required{background:rgba(var(--brand-color-rgb),.15);color:var(--qr-accent)}.qr-batch-format-hint-example{display:block;padding:var(--space-2);background:var(--pixel-bg-secondary);border-radius:var(--qr-radius-xs);font-size:var(--text-xs);color:var(--pixel-text-muted);font-family:Monaco,Menlo,monospace;white-space:pre-wrap;word-break:break-all;max-height:4rem;overflow-y:auto}.qr-batch-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.qr-batch-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border-color);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all .2s ease}.qr-batch-tab:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.qr-batch-tab.active{background:var(--pixel-bg-tertiary);border-color:var(--qr-accent);color:#fff}.qr-batch-paste{width:100%;min-width:0}.qr-batch-paste .qr-form-textarea{min-height:10rem;font-family:Monaco,Menlo,monospace;font-size:var(--text-xs);line-height:var(--leading-normal)}.qr-batch-textarea{width:100%;min-height:10rem;padding:var(--space-3);background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border-color);border-radius:var(--radius-lg);color:var(--pixel-text-primary);font-family:Monaco,Menlo,monospace;font-size:var(--text-xs);line-height:var(--leading-normal);resize:vertical}.qr-batch-textarea:focus{outline:none;border-color:var(--qr-accent);box-shadow:0 0 0 2px #6366f11a}.qr-batch-textarea::placeholder{color:var(--pixel-text-muted)}.qr-batch-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:1.5rem 2rem;background:var(--pixel-bg-secondary, rgba(255, 255, 255, .03));border:2px dashed var(--pixel-border-color, rgba(255, 255, 255, .15));border-radius:var(--radius-lg, 8px);cursor:pointer;transition:all .2s ease}.qr-batch-upload:hover{border-color:var(--qr-accent, #6366f1);background:#6366f114}.qr-batch-upload.dragover{border-color:var(--qr-accent, #6366f1);background:#6366f11f;border-style:solid}.qr-batch-upload-icon{font-size:2.5rem;color:var(--pixel-text-muted, #6b7280)}.qr-batch-upload-text{text-align:center}.qr-batch-upload-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary);margin-bottom:var(--space-1)}.qr-batch-upload-hint{font-size:var(--text-xs);color:var(--pixel-text-muted)}.qr-batch-file-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--pixel-bg-tertiary);border-radius:var(--radius-md)}.qr-batch-file-icon{font-size:var(--text-xl);color:var(--qr-accent)}.qr-batch-file-details{flex:1}.qr-batch-file-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--pixel-text-primary)}.qr-batch-file-size{font-size:var(--text-xs);color:var(--pixel-text-muted)}.qr-batch-file-remove{padding:var(--space-1);background:none;border:none;color:var(--pixel-text-muted);cursor:pointer}.qr-batch-file-remove:hover{color:var(--color-error)}.qr-batch-items{overflow-y:auto;max-height:18rem;background:var(--pixel-bg-secondary, rgba(255, 255, 255, .03));border:1px solid var(--pixel-border-color, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 8px)}.qr-batch-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--pixel-border-color, rgba(255, 255, 255, .08));transition:background .15s ease}.qr-batch-item:hover{background:#ffffff05}.qr-batch-item:last-child{border-bottom:none}.qr-batch-item.done{background:#22c55e08}.qr-batch-item.error{background:#ef44440d}.qr-batch-item.qr-batch-item-more{justify-content:center;color:var(--pixel-text-muted, #6b7280);font-size:var(--text-xs)}.qr-batch-item-index{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-tertiary, rgba(255, 255, 255, .08));border-radius:var(--qr-radius-xs, 4px);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-muted, #9ca3af);flex-shrink:0}.qr-batch-item-data{flex:1;font-size:var(--text-sm);color:var(--pixel-text-primary, #e5e7eb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Monaco,Menlo,Consolas,monospace}.qr-batch-item-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.qr-batch-item-download{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:var(--pixel-bg-tertiary, rgba(255, 255, 255, .08));border:none;border-radius:var(--qr-radius-xs, 4px);color:var(--pixel-text-muted, #9ca3af);font-size:var(--text-xs);cursor:pointer;transition:all .15s ease}.qr-batch-item-download:hover{background:var(--qr-accent, #6366f1);color:#fff}.qr-batch-item-status{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm)}.qr-batch-item-status.pending{color:var(--pixel-text-muted, #6b7280)}.qr-batch-item-status.processing{color:var(--qr-accent, #6366f1)}.qr-batch-item-status.done{color:var(--color-success, #22c55e)}.qr-batch-item-status.error{color:var(--color-error, #ef4444)}.qr-batch-progress{display:flex;flex-direction:column;gap:var(--space-2)}.qr-batch-progress-header{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem}.qr-batch-progress-text{font-size:var(--text-xs);color:var(--pixel-text-secondary)}.qr-batch-progress-time{font-size:var(--text-xs);color:var(--pixel-text-muted);padding:var(--space-1) var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--qr-radius-full)}.qr-batch-progress-bar{width:100%;height:.5rem;background:var(--pixel-bg-tertiary);border-radius:9999px;overflow:hidden}.qr-batch-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--qr-accent),var(--brand-color));border-radius:9999px;transition:width .2s ease-out}.qr-batch-settings{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2);background:var(--pixel-bg-secondary);border-radius:var(--radius-lg)}.qr-batch-filename-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.qr-batch-filename-grid .qr-batch-setting-row{flex-direction:column;align-items:stretch;gap:.25rem}.qr-batch-filename-grid .qr-batch-setting-label{min-width:auto}.qr-batch-filename-preview{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--pixel-bg-tertiary);border-radius:var(--qr-radius-xs);font-size:var(--text-xs)}.qr-batch-filename-preview-label{color:var(--pixel-text-muted)}.qr-batch-filename-preview code{flex:1;color:var(--qr-accent);font-family:Monaco,Menlo,monospace}.qr-batch-filename-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--pixel-border-color);border-radius:var(--qr-radius-xs);color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all .15s ease;margin-left:auto}.qr-batch-filename-toggle:hover{background:var(--pixel-bg-tertiary);border-color:var(--qr-accent);color:var(--qr-accent)}.qr-batch-filename-toggle i{font-size:var(--text-xs)}.qr-batch-setting-row{display:flex;align-items:center;gap:var(--space-3)}.qr-batch-setting-label{font-size:var(--text-xs);color:var(--pixel-text-secondary);min-width:6rem}.qr-batch-setting-input{flex:1;padding:var(--space-2) var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border-color);border-radius:var(--qr-radius-xs);color:var(--pixel-text-primary);font-size:var(--text-xs);font-family:Monaco,Menlo,monospace}.qr-batch-format-buttons{display:flex;gap:.25rem;background:var(--pixel-bg-tertiary, rgba(255, 255, 255, .05));padding:var(--space-1);border-radius:var(--radius-md, 6px)}.qr-batch-format-btn{padding:.375rem .75rem;background:transparent;border:none;border-radius:var(--qr-radius-xs, 4px);color:var(--pixel-text-muted, #9ca3af);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all .15s ease}.qr-batch-format-btn:hover{color:var(--pixel-text-primary, #e5e7eb);background:#ffffff0d}.qr-batch-format-btn.active{background:var(--qr-accent, #6366f1);color:#fff;box-shadow:0 2px 4px #6366f14d}.qr-batch-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-2);margin-top:var(--space-3);border-top:1px solid var(--pixel-border-color, rgba(255, 255, 255, .1))}.qr-batch-btn{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--qr-accent, #6366f1);border:none;border-radius:var(--radius-md, 8px);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6366f14d}.qr-batch-btn:hover:not(:disabled){background:var(--qr-accent-hover, #4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.qr-batch-btn:active:not(:disabled){transform:translateY(0)}.qr-batch-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.qr-batch-btn i{font-size:var(--text-sm)}.qr-batch-btn-secondary{background:var(--pixel-bg-secondary, rgba(255, 255, 255, .05));border:1px solid var(--pixel-border-color, rgba(255, 255, 255, .1));color:var(--pixel-text-primary, #e5e7eb);box-shadow:none}.qr-batch-btn-secondary:hover:not(:disabled){background:var(--pixel-bg-tertiary, rgba(255, 255, 255, .1));box-shadow:none;transform:none}.qr-batch-stats{display:flex;gap:var(--space-4);padding:var(--space-3);background:var(--pixel-bg-secondary);border-radius:var(--radius-lg)}.qr-batch-stat{display:flex;flex-direction:column;align-items:center;flex:1}.qr-batch-stat-value{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--qr-accent)}.qr-batch-stat-label{font-size:var(--text-xs);color:var(--pixel-text-muted)}.qr-batch-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);color:var(--pixel-text-muted)}.qr-batch-empty-icon{font-size:var(--text-4xl);opacity:.5}.qr-batch-empty-text{font-size:var(--text-sm)}.qr-batch-warning{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:#f59e0b;font-size:var(--text-sm)}.qr-batch-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-md);color:var(--qr-accent);font-size:var(--text-sm)}.qr-batch-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.qr-batch-error i:first-child{flex-shrink:0}.qr-batch-error span{flex:1}.qr-batch-error-close{padding:var(--space-1);background:none;border:none;color:var(--color-error);cursor:pointer;opacity:.7}.qr-batch-error-close:hover{opacity:1}.qr-batch-btn-cancel{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444;box-shadow:none}.qr-batch-btn-cancel:hover:not(:disabled){background:#ef444440;border-color:#ef4444;transform:none;box-shadow:none}.qr-batch-btn-warning{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#f59e0b;box-shadow:none}.qr-batch-btn-warning:hover:not(:disabled){background:#f59e0b40;transform:none;box-shadow:none}.qr-batch-btn-success{background:var(--color-success, #22c55e);border:none;color:#fff;box-shadow:0 2px 8px #22c55e4d}.qr-batch-btn-success:hover:not(:disabled){background:#16a34a;box-shadow:0 4px 12px #22c55e66}.qr-batch-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin-top:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium)}.qr-batch-status-cancelled{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.qr-batch-status-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--color-success)}[data-theme=light] .qr-batch-tab.active{color:var(--brand-color)}[data-theme=light] .qr-form-input.qr-form-textarea{border-color:var(--brand-color)}[data-theme=light] .qr-batch-items{border:1px solid;border-color:var(--pixel-bg-tertiary)}[dir=rtl] .qr-batch-type-fields,[dir=rtl] .qr-batch-format-hint-example{text-align:right}@media(max-width:30rem){.qr-batch-btn{min-width:0;flex:1 1 100%}.qr-batch-setting-label{min-width:auto}.qr-batch-actions{flex-direction:column}.qr-batch-filename-grid{grid-template-columns:repeat(2,1fr)}.qr-batch-setting-row{flex-direction:column;align-items:stretch;gap:.25rem}.qr-batch-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.qr-batch-stats,.qr-batch-format-buttons,.qr-batch-tabs{flex-wrap:wrap}.qr-batch-tab{flex:1;min-width:0;justify-content:center}.qr-batch-type-selector{flex-wrap:wrap}.qr-batch-type-grid{grid-template-columns:repeat(3,1fr)}.qr-batch-filename-preview{flex-wrap:wrap;gap:.25rem}.qr-batch-filename-preview code{width:100%;word-break:break-all}}.qr-history-container{display:flex;flex-direction:column;gap:var(--space-2)}.qr-history-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--pixel-border-color)}.qr-history-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.qr-history-title i{color:var(--qr-accent)}.qr-history-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.qr-history-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border-color);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all .2s ease}.qr-history-tab:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.qr-history-tab.active{background:var(--qr-accent);border-color:var(--qr-accent);color:#fff}.qr-history-tab-count{background:#fff3;padding:var(--space-1) var(--space-2);border-radius:9999px;font-size:var(--text-xs)}.qr-history-tab:not(.active) .qr-history-tab-count{background:var(--pixel-bg-tertiary)}.qr-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--space-3);max-height:20rem;overflow-y:auto;padding:var(--space-1)}.qr-history-item{display:flex;flex-direction:column;background:var(--pixel-bg-secondary);border:1px solid var(--pixel-bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .2s ease}.qr-history-item:hover{border-color:var(--brand-color);box-shadow:0 4px 12px #00000026}.qr-history-item-preview{aspect-ratio:1;padding:var(--space-2);background:#fff;display:flex;align-items:center;justify-content:center}.qr-history-item-preview img{max-width:100%;max-height:100%;object-fit:contain}.qr-history-item-info{padding:var(--space-2);border-top:1px solid var(--pixel-border-color)}.qr-history-item-type{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--pixel-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.qr-history-item-type i{font-size:var(--text-xs)}.qr-history-item-content{font-size:var(--text-xs);color:var(--pixel-text-primary);margin-top:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-history-item-date{font-size:var(--text-xs);color:var(--pixel-text-muted);margin-top:var(--space-1)}.qr-history-item-actions{display:flex;gap:.25rem;padding:var(--space-2);border-top:1px solid var(--pixel-border-color);background:var(--pixel-bg-tertiary)}.qr-history-item-action{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:none;border:none;color:var(--pixel-text-muted);font-size:var(--text-xs);cursor:pointer;border-radius:var(--qr-radius-xs);transition:all .15s ease}.qr-history-item-action.favorite{color:var(--color-warning)}.qr-history-item-action.delete:hover{color:var(--color-error)}.qr-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:2.5rem;color:var(--pixel-text-muted);text-align:center}.qr-history-empty-icon{font-size:2.5rem;opacity:.5}.qr-history-empty-text{font-size:var(--text-sm)}.qr-history-empty-hint{font-size:var(--text-xs);color:var(--pixel-text-muted)}.qr-history-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--pixel-border-color)}.qr-history-action-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border-color);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all .2s ease}.qr-history-action-btn:hover{background:var(--pixel-bg-tertiary);color:var(--pixel-text-primary)}.qr-history-action-btn.danger:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.qr-history-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.qr-history-modal{background:var(--pixel-bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);width:90%;max-width:20rem;box-shadow:0 20px 60px #0000004d}.qr-history-modal-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary);margin-bottom:var(--space-4)}.qr-history-modal-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border-color);border-radius:var(--radius-md);color:var(--pixel-text-primary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.qr-history-modal-input:focus{outline:none;border-color:var(--qr-accent)}.qr-history-modal-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.qr-history-modal-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.qr-history-modal-btn-cancel{background:var(--pixel-bg-secondary);border:1px solid var(--pixel-border-color);color:var(--pixel-text-secondary)}.qr-history-modal-btn-save{background:var(--qr-accent);border:none;color:#fff}.qr-history-modal-btn-save:hover{background:var(--qr-accent-hover)}.qr-history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:.5rem 0;margin-bottom:var(--space-2);border-bottom:1px solid var(--pixel-border-color)}.qr-history-sort-section{display:flex;align-items:center;gap:var(--space-2)}.qr-history-sort-label{font-size:var(--text-xs);color:var(--pixel-text-muted);font-weight:var(--font-medium)}.qr-history-sort-buttons{display:flex;gap:.25rem;background:var(--pixel-bg-tertiary, rgba(255, 255, 255, .05));padding:var(--space-1);border-radius:var(--radius-md, 6px)}.qr-history-sort-btn{padding:.375rem .75rem;background:transparent;border:none;border-radius:var(--qr-radius-xs, 4px);color:var(--pixel-text-muted, #9ca3af);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all .15s ease}.qr-history-sort-btn:hover{color:var(--pixel-text-primary, #e5e7eb);background:#ffffff0d}.qr-history-sort-btn.active{background:var(--qr-accent, #6366f1);color:#fff;box-shadow:0 2px 4px #6366f14d}.qr-history-io-buttons{display:flex;gap:.25rem}.qr-history-io-buttons .qr-btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.qr-history-io-buttons .qr-btn i{margin-right:var(--space-1)}.qr-history-io-buttons .qr-btn span{font-size:.7rem}.qr-history-io-buttons .qr-btn-import{cursor:pointer}.qr-history-item-badge{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--qr-radius-xs);font-size:var(--text-xs);font-weight:var(--font-bold);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 1px 3px #0003}.qr-history-item-badge i{font-size:.5rem}.qr-history-item-preview{position:relative}@media(max-width:30rem){.qr-history-grid{grid-template-columns:repeat(2,1fr)}.qr-history-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.qr-history-actions{flex-direction:column;width:100%;gap:var(--space-2)}.qr-history-tabs{flex-wrap:wrap;width:100%}.qr-history-tab{flex:1;justify-content:center;min-width:0}.qr-history-io-buttons{flex-wrap:wrap;width:100%}.qr-history-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-2)}.qr-history-sort-section{flex-direction:column;align-items:stretch;gap:.25rem}.qr-history-sort-buttons{flex-wrap:wrap}.qr-history-sort-btn{flex:1;min-width:0;text-align:center}}.qr-input-container{display:flex;flex-direction:column;gap:var(--space-1);width:100%;box-sizing:border-box;overflow:hidden}.qr-input-container .qr-form-group{margin-bottom:0}.qr-form-row{display:flex;gap:var(--space-4)}.qr-form-row .qr-form-group{flex:1}.qr-input-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.qr-input-icon{width:var(--space-8);height:var(--space-8);display:flex;align-items:center;justify-content:center;background:rgba(var(--brand-color-rgb),.15);border-radius:var(--radius-md);color:var(--brand-color);font-size:var(--text-sm)}.qr-input-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--pixel-text-primary)}.qr-input-url-wrapper{display:flex;align-items:stretch}.qr-input-url-prefix{padding:var(--space-2) var(--space-3);background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-right:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg);color:var(--pixel-text-muted);font-size:var(--text-sm);display:flex;align-items:center}.qr-input-url-wrapper .qr-form-input{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.qr-input-counter{display:flex;justify-content:flex-end;font-size:var(--text-xs);color:var(--pixel-text-muted)}.qr-input-counter.warning{color:var(--color-warning)}.qr-input-counter.error{color:var(--color-error)}.qr-input-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0}.qr-input-toggle-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--pixel-text-secondary)}.qr-input-toggle-label i{color:var(--brand-color);font-size:var(--text-xs)}.qr-utm-section{margin-top:var(--space-2);padding:var(--space-4);background:var(--pixel-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--pixel-border);box-sizing:border-box;overflow:hidden}.qr-utm-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:var(--space-4)}.qr-utm-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--pixel-text-secondary)}.qr-utm-fields{display:flex;flex-direction:column;gap:var(--space-2)}.qr-utm-fields .qr-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}@media(max-width:31.25rem){.qr-utm-fields .qr-grid-2{grid-template-columns:1fr}}.qr-wifi-encryption{display:flex;gap:var(--space-1)}.qr-wifi-encryption-btn{flex:1;padding:var(--space-2);background:var(--pixel-bg-primary);border:1px solid var(--pixel-border);border-radius:var(--radius-md);color:var(--pixel-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base)}.qr-wifi-encryption-btn:hover{border-color:var(--brand-color);color:var(--pixel-text-primary)}.qr-wifi-encryption-btn.active{background:var(--brand-color);border-color:var(--brand-color);color:#fff}.qr-password-wrapper{position:relative;display:flex;align-items:stretch}.qr-password-wrapper .qr-form-input{padding-right:2.75rem;flex:1}.qr-password-toggle{position:absolute;right:0;top:0;bottom:0;width:2.75rem;background:none;border:none;color:var(--pixel-text-muted);cursor:pointer;padding:0;font-size:var(--text-sm);line-height:var(--leading-none);display:flex;align-items:center;justify-content:center;transition:color var(--transition-base)}.qr-password-toggle:hover{color:var(--brand-color)}.qr-vcard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}@media(max-width:31.25rem){.qr-vcard-grid{grid-template-columns:1fr}}.qr-vcard-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--pixel-border)}.qr-vcard-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--pixel-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.qr-phone-wrapper{display:flex;align-items:stretch}.qr-phone-prefix{padding:var(--space-2) var(--space-3);background:var(--pixel-bg-tertiary);border:1px solid var(--pixel-border);border-right:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg);color:var(--pixel-text-muted);font-size:var(--text-sm)}.qr-phone-wrapper .qr-form-input{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.qr-hint{font-size:var(--text-xs);color:var(--pixel-text-muted);margin-top:var(--space-2)}.qr-optional-label{color:var(--pixel-text-muted);font-weight:var(--font-normal)}.qr-form-input-monospace{font-family:SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--text-sm)}.qr-form-hint-url{word-break:break-all;font-size:var(--text-xs)}.qr-form-group-spaced{margin-top:var(--space-3)}.qr-input-icon-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.qr-input-icon-facebook{background:#1877f2;color:#fff}.qr-input-icon-linkedin{background:#0a66c2;color:#fff}.qr-input-icon-youtube{background:red;color:#fff}.qr-input-icon-tiktok{background:#000;color:#fff}.qr-input-icon-snapchat{background:#fffc00;color:#000}.qr-input-icon-spotify{background:#1db954;color:#fff}.qr-input-icon-appstore{background:#0d96f6;color:#fff}.qr-input-icon-playstore{background:#414141;color:#fff}.qr-input-icon-zoom{background:#2d8cff;color:#fff}.qr-input-icon-teams{background:#6264a7;color:#fff}.qr-input-icon-paypal{background:#00457c;color:#fff}.qr-input-icon-googlemeet{background:#00897b;color:#fff}.qr-input-icon-upi{background:#5f259f;color:#fff}.qr-input-icon-wechat{background:#07c160;color:#fff}.qr-input-icon-line{background:#00c300;color:#fff}.qr-input-icon-facetime{background:#32d74b;color:#fff}.qr-input-icon-applink{background:#6366f1;color:#fff}.qr-input-icon-google{background:#4285f4;color:#fff}.qr-input-icon-googlereview{background:#fbbc04;color:#fff}.qr-input-icon-petid{background:#f59e0b;color:#fff}.qr-input-icon-medicalalert{background:#dc2626;color:#fff}