*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.qr-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vh;height:100dvh;background:#0b0f17;color:#f8fafc}.qr-tile{background:#fff;padding:2vh;border-radius:1.5vh}.qr-label{font-size:3.5vh;font-weight:600;letter-spacing:.01em}.qr-empty{font-size:2.5vh;opacity:.5}.qr-admin{max-width:28rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.qr-admin label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.375rem}.qr-admin .hint{font-size:.75rem;color:#71717a;margin-top:.25rem}.qr-admin input,.qr-admin select{width:100%;padding:.5rem .75rem;border:1px solid #d4d4d8;border-radius:.5rem;font-size:.875rem}.qr-admin button{align-self:flex-start;padding:.5rem 1.25rem;border:0;border-radius:.5rem;background:#18181b;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer}.qr-admin button:disabled{opacity:.5;cursor:default}.qr-admin .saved{color:#15803d;font-size:.875rem}