.qr-code-generator{margin:20px 0}.qr-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.qr-toggle-btn:hover{border-color:#b8860b;color:#b8860b}.qr-expanded{margin-top:16px;padding:20px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;text-align:center}.qr-image{display:inline-block;padding:12px;background:#fff;border:2px solid #f0f0f0;border-radius:12px;margin-bottom:16px}.qr-image img{display:block;width:160px;height:160px}.qr-title{margin:0 0 4px;font-weight:600;color:#333;font-size:1rem}.qr-url{margin:0 0 16px;font-size:.8rem;color:#888;word-break:break-all}.qr-actions{display:flex;gap:10px;justify-content:center;margin-bottom:16px}.qr-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f5f5f5;border:none;border-radius:6px;color:#333;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.qr-action-btn:hover{background:#e8e8e8}.qr-action-btn.primary{background:#b8860b;color:#fff}.qr-action-btn.primary:hover{background:#9a7209}.qr-hint{margin:0;font-size:.8rem;color:#888;font-style:italic}@media(max-width:480px){.qr-expanded{padding:16px}.qr-actions{flex-direction:column}.qr-action-btn{width:100%;justify-content:center}}