.app{max-width:32rem;margin:0 auto;padding:1.5rem;font-family:system-ui,-apple-system,sans-serif}.app-header{margin-bottom:1.5rem;text-align:center}.app-header h1{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.app-header p{font-size:.875rem;color:#4b5563;margin:0}.app-main{display:flex;flex-direction:column;gap:1.5rem}.selectors{display:flex;flex-direction:column;gap:1rem}.field label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:#374151}.field select{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#111827}.field select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.qr-section{display:flex;justify-content:center;padding:1.5rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.qr-code-display{display:flex;flex-direction:column;align-items:center;gap:.75rem}.qr-code-title{font-size:.875rem;font-weight:500;margin:0;color:#374151}.qr-code-wrapper{background:#fff;padding:.5rem;border-radius:.25rem;box-shadow:0 1px 3px #0000001a}.qr-code-url-copy{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:20rem}.qr-code-url-input{width:100%;padding:.5rem .75rem;font-size:.75rem;font-family:ui-monospace,monospace;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-sizing:border-box}.qr-code-url-input:focus{outline:none;border-color:#3b82f6}.qr-code-copy-btn{padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#fff;background:#3b82f6;border:none;border-radius:.375rem;cursor:pointer}.qr-code-copy-btn:hover{background:#2563eb}.qr-code-copy-btn:focus{outline:none;box-shadow:0 0 0 2px #3b82f666}.qr-section-note{font-size:.75rem;color:#6b7280;margin:.75rem 0 0;max-width:20rem;text-align:center}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fff;color:#111827;-webkit-font-smoothing:antialiased}#root{min-height:100vh}