.qr-type-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--bg-3);border-radius:var(--radius-m);padding:4px}.qr-type-tab{flex:1;padding:10px 12px;border:none;background:transparent;color:var(--text-dim);font-family:var(--font-sans);font-size:13px;cursor:pointer;border-radius:var(--radius-s);transition:all .2s;text-align:center}.qr-type-tab:hover{color:var(--text)}.qr-type-tab.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.qr-type-panel{display:none}.qr-type-panel.active{display:block}.qr-preview-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.qr-preview-box canvas{border-radius:var(--radius-s);image-rendering:pixelated}.qr-color-row{display:flex;gap:16px;align-items:center}.qr-color-field{display:flex;align-items:center;gap:8px}.qr-color-field input[type=color]{width:36px;height:36px;border:1px solid var(--line-strong);border-radius:var(--radius-s);cursor:pointer;background:var(--bg);padding:2px}.qr-color-field input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.qr-color-field input[type=color]::-webkit-color-swatch{border-radius:2px;border:none}.qr-download-row{display:flex;gap:8px;width:100%;justify-content:center}.qr-info{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);text-align:center;margin-top:4px}