.qr-page{max-width:900px;margin:0 auto;padding:4rem 2rem;display:grid;gap:2rem;font-family:Space Grotesk,sans-serif}.qr-page *{font-family:Space Grotesk,sans-serif}.qr-header{display:grid;gap:.5rem}.qr-title{display:inline-flex;align-items:flex-start;gap:.6rem;margin:0}.qr-title svg{flex-shrink:0;margin-top:.15em}.qr-card{padding:0;display:grid;gap:2rem}.qr-form{display:grid;gap:1rem}.qr-row{display:grid;gap:.5rem}.qr-row label{font-weight:600}.qr-input-wrap{position:relative}.qr-input,.qr-select{width:100%;border:1px solid hsl(var(--border));border-radius:var(--border-radius);padding:.6rem 2.25rem .6rem .75rem;font-size:1rem;background:hsl(var(--background));color:hsl(var(--text))}.qr-input:focus-visible,.qr-select:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:2px}.qr-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);border:none;background:transparent;color:hsl(var(--text-secondary));font-size:1.25rem;line-height:1;cursor:pointer;padding:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:background .2s ease,color .2s ease}.qr-clear:hover{color:hsl(var(--text));background:hsl(var(--secondary) / .5)}.qr-clear:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:2px}.qr-button{text-decoration:none;border:none;border-radius:var(--border-radius);padding:.6rem 1.2rem;font-weight:400;cursor:pointer;background:hsl(var(--primary));color:hsl(var(--primary-foreground));display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s ease,opacity .15s ease,box-shadow .2s ease}.qr-icon-button{padding:.6rem;min-width:2.5rem;justify-content:center}.qr-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.qr-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.qr-button:disabled{cursor:not-allowed;opacity:.7}.qr-button[data-disabled]{cursor:not-allowed;opacity:.7}.qr-button.secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.qr-button.outline{background:transparent;color:hsl(var(--text));border:1px solid hsl(var(--border))}.qr-button.outline:hover{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.qr-button.outline:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.qr-error{color:hsl(var(--danger));font-weight:400;font-size:.85rem}.qr-status{color:hsl(var(--accent));font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem;animation:qr-status-fade-in .3s ease-out}@keyframes qr-status-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.qr-preview{display:grid;gap:1rem;align-items:center;justify-items:center;padding-top:.5rem}@media(min-width:900px){.qr-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.qr-preview{justify-items:center}.qr-preview-actions{justify-content:center}}.qr-preview-actions{display:flex;flex-direction:column;align-items:center;gap:.5rem;justify-content:center}.qr-additional-actions{display:flex;gap:.5rem;flex-wrap:wrap}.qr-or{color:hsl(var(--text-secondary));font-weight:600;display:inline-flex;align-items:center}.qr-preview img{border-radius:var(--border-radius);border:1px solid hsl(var(--border));background:hsl(var(--background));padding:.75rem;animation:qr-fade-in .3s ease-out;width:min(100%,320px);height:auto;aspect-ratio:1 / 1;object-fit:contain}@keyframes qr-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.qr-skeleton{border-radius:var(--border-radius);border:1px solid hsl(var(--border));background:linear-gradient(90deg,hsl(var(--background)),hsl(var(--secondary)),hsl(var(--background)));background-size:200% 100%;animation:qr-shimmer 1.3s ease-in-out infinite;max-width:100%}@keyframes qr-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.qr-meta{font-size:.9rem;color:hsl(var(--text-secondary))}.qr-empty-state{width:260px;height:260px;border-radius:var(--border-radius);border:2px dashed hsl(var(--border));background:hsl(var(--secondary) / .3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.qr-empty-state-icon{color:hsl(var(--text-secondary));opacity:.5}.qr-empty-state-text{font-size:.9rem;color:hsl(var(--text-secondary));line-height:1.5}.qr-live-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:hsl(var(--text-secondary));font-weight:500}.qr-live-dot{width:8px;height:8px;border-radius:50%;background:hsl(var(--accent));animation:qr-pulse 2s ease-in-out infinite}@keyframes qr-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.qr-options-group{display:grid;gap:1rem}.qr-option-row{display:grid;gap:.5rem}.qr-option-row label{font-weight:600;font-size:.9rem}.qr-radio-group{display:flex;gap:.5rem;flex-wrap:wrap}.qr-radio-label{position:relative;display:inline-flex;align-items:center;cursor:pointer;padding:.5rem 1rem;border:1px solid hsl(var(--border));border-radius:var(--border-radius);background:hsl(var(--background));transition:all .2s ease;font-size:.9rem}.qr-radio-label:hover{background:hsl(var(--secondary) / .5);border-color:hsl(var(--accent) / .5)}.qr-radio-label input[type=radio]{position:absolute;opacity:0;pointer-events:none}.qr-radio-label input[type=radio]:checked+span{font-weight:600}.qr-radio-label:has(input[type=radio]:checked){background:hsl(var(--accent) / .15);border-color:hsl(var(--accent))}.qr-radio-label:has(input[type=radio]:focus-visible){outline:2px solid hsl(var(--accent));outline-offset:2px}@media(max-width:720px){.qr-page{padding:2rem 1.25rem;gap:1.25rem}.qr-card{padding:1.25rem;gap:1.25rem}.qr-form{gap:.75rem}.qr-row{gap:.4rem}.qr-preview{gap:.75rem;padding-top:.25rem}.qr-preview-actions{flex-direction:column;align-items:stretch;gap:.5rem}.qr-button{width:100%;justify-content:center}.qr-or{align-self:center}}