.QrCodeTool-module__WEME4G__container{width:100%;max-width:800px;margin:0 auto}.QrCodeTool-module__WEME4G__layout{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}.QrCodeTool-module__WEME4G__inputPanel{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.QrCodeTool-module__WEME4G__typeToggle{background:var(--color-bg-muted);border-radius:var(--radius-md);margin-bottom:var(--space-5);gap:2px;padding:2px;display:flex}.QrCodeTool-module__WEME4G__typeButton{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-fg-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-weight:600}.QrCodeTool-module__WEME4G__typeActive{background:var(--color-bg);color:var(--color-fg)}.QrCodeTool-module__WEME4G__field{margin-bottom:var(--space-4)}.QrCodeTool-module__WEME4G__fieldRow{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.QrCodeTool-module__WEME4G__label{font-size:var(--text-xs);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:600;display:block}.QrCodeTool-module__WEME4G__input,.QrCodeTool-module__WEME4G__textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-fg);background:var(--color-bg)}.QrCodeTool-module__WEME4G__input:focus,.QrCodeTool-module__WEME4G__textarea:focus{border-color:var(--color-primary);outline:none}.QrCodeTool-module__WEME4G__textarea{resize:vertical;font-family:inherit}.QrCodeTool-module__WEME4G__select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--text-sm);color:var(--color-fg);cursor:pointer}.QrCodeTool-module__WEME4G__colorPickers{gap:var(--space-3);align-items:center;display:flex}.QrCodeTool-module__WEME4G__colorGroup{align-items:center;gap:var(--space-1);display:flex}.QrCodeTool-module__WEME4G__colorInput{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;padding:0}.QrCodeTool-module__WEME4G__colorLabel{font-size:var(--text-xs);color:var(--color-fg-muted);font-weight:600}.QrCodeTool-module__WEME4G__previewPanel{align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-muted);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;min-height:300px;display:flex}.QrCodeTool-module__WEME4G__qrCanvas{border-radius:var(--radius-sm)}.QrCodeTool-module__WEME4G__downloadButtons{gap:var(--space-3);display:flex}.QrCodeTool-module__WEME4G__svgButton{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-fg);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast);font-weight:600}.QrCodeTool-module__WEME4G__svgButton:hover{border-color:var(--color-primary);color:var(--color-primary)}.QrCodeTool-module__WEME4G__errorText{color:var(--color-danger);font-size:var(--text-sm);font-weight:600}@media (max-width:640px){.QrCodeTool-module__WEME4G__layout,.QrCodeTool-module__WEME4G__fieldRow{grid-template-columns:1fr}}