.qr-app{display:flex;flex-direction:column;height:100%;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;}.qr-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap;}.qr-header-left{display:flex;align-items:center;gap:12px;}.qr-header-right{display:flex;align-items:center;gap:8px;}.qr-title{font-size:15px;font-weight:700;color:var(--text);}.qr-main{flex:1;overflow:auto;padding:20px;display:flex;gap:20px;}.qr-input-col{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0;}.qr-preview-col{width:340px;min-width:280px;display:flex;flex-direction:column;gap:16px;}.qr-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}.qr-card-header{padding:10px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted);}.qr-card-body{padding:16px;}.qr-textarea{width:100%;height:120px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--text);resize:vertical;outline:none;transition:border-color 0.15s;}.qr-textarea:focus{border-color:var(--accent);}.qr-textarea::placeholder{color:var(--text-muted);opacity:0.5;}.qr-char-count{font-size:11px;color:var(--text-muted);margin-top:6px;}.qr-option-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;}.qr-option-row:last-child{margin-bottom:0;}.qr-option-label{font-size:13px;color:var(--text);min-width:100px;}.qr-slider{flex:1;accent-color:var(--accent);cursor:pointer;}.qr-slider-value{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--accent);min-width:40px;text-align:center;}.qr-select{padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:13px;cursor:pointer;outline:none;flex:1;}.qr-select:focus{border-color:var(--accent);}.qr-preview-area{display:flex;align-items:center;justify-content:center;min-height:280px;background:var(--surface);border-radius:var(--radius-sm);padding:20px;}.qr-preview-area svg{max-width:100%;max-height:100%;}.qr-empty-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:8px;text-align:center;}.qr-empty-preview svg{opacity:0.3;margin-bottom:4px;}.qr-empty-preview p{font-size:13px;}.qr-actions{display:flex;gap:8px;flex-wrap:wrap;}.qr-info-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;}.qr-info-item{font-size:11px;color:var(--text-muted);}.qr-info-item strong{color:var(--text-secondary);}.qr-error{color:var(--red);font-size:13px;text-align:center;padding:20px;}.qr-status-bar{padding:6px 16px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-muted);}@media (max-width:768px){.qr-main{flex-direction:column;}.qr-preview-col{width:100%;}}