body{margin:0;font-family:system-ui,sans-serif}.container{display:flex;min-height:100vh}.side{width:320px;padding:2rem 1rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:#fafafa;border-right:1px solid #eee}.question{text-align:center;font-weight:600}.qr{border:4px solid #000}.dl{padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;cursor:pointer;border-radius:4px}.viewer{flex:1;display:flex;justify-content:center;align-items:stretch;overflow:auto}.iframe{border:none;width:100%;height:100vh}.viewer canvas{max-width:100%;height:auto}@media (max-width: 768px){.container{flex-direction:column}}