.join-layout{display:flex;align-items:center;gap:28px;margin:20px 0}.join-qr{width:190px;height:190px;flex:none;border-radius:12px}.join-code{letter-spacing:.12em;font-size:clamp(30px,6vw,48px);margin:12px 0}.arrival-seat{display:inline-block;background:#edf2e8;border-radius:20px;padding:8px 12px;margin:8px 4px 0 0;font-size:13px}.pdf-preview{background:#e5e8df;border-radius:16px;padding:12px;max-height:55vh;overflow:auto}.pdf-preview canvas{display:block;max-width:100%;height:auto;margin:auto}.tool-sheet input[readonly]{width:100%;margin:12px 0;padding:12px;border:1px solid #c9d3c8;border-radius:10px;font-size:14px}.tool-sheet #pdf-page{width:62px;padding:10px;border:1px solid #c9d3c8;border-radius:10px}.student-preview-card{background:#eef3e8;border:1px solid #d3ddcb;border-radius:24px;padding:24px;margin:18px 0}.student-preview-card textarea{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #cad4c4;border-radius:12px}.review-stage .floating-dock{flex-wrap:wrap;justify-content:center}.capture-actions .btn{white-space:normal}.recap>.inline{justify-content:center;flex-wrap:wrap}@media(max-width:560px){.join-layout{flex-direction:column;text-align:center;gap:10px}.join-qr{width:170px;height:170px}.tool-sheet .inline{flex-wrap:wrap}.review-stage{padding-bottom:130px}.review-stage .floating-dock .dock-button{font-size:12px;padding:10px}.review-stage .floating-dock .btn{padding:12px 16px}.capture-actions{flex-wrap:wrap}}