.room-invite:has(.classroom-qr){grid-template-columns:190px minmax(0,1fr) 176px;gap:24px}.room-invite:has(.classroom-qr)>small{grid-column:1/-1;margin-top:-10px}
.classroom-qr{flex:none;text-align:center;display:grid;justify-items:center;gap:7px}.classroom-qr-open{display:grid;justify-items:center;gap:8px;padding:0;border:0;background:transparent;color:var(--st-accent-ink,#6552bf);font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer}.classroom-qr-image{display:block;background:#fff;border-radius:12px;border:1px solid #e1e5ed;padding:4px}.classroom-qr-image svg{display:block;width:160px;height:160px}.classroom-qr-open:focus-visible{outline:3px solid var(--st-accent-ink,#6552bf);outline-offset:5px;border-radius:12px}.classroom-qr>small{font-size:11px}
.robot-invite:has(.classroom-qr){flex-wrap:wrap}.robot-invite:has(.classroom-qr)>small{width:100%}
.classroom-qr-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-height:94dvh;overflow:auto;padding:22px 30px 28px;border:1px solid var(--st-border,#dfe5ef);border-radius:20px;background:var(--st-surface,#fff);color:var(--st-ink,#1e304d);text-align:center}.classroom-qr-dialog::backdrop{background:#0b1028b3;backdrop-filter:blur(4px)}.classroom-qr-close{display:flex!important;margin:0 0 10px auto}.classroom-qr-dialog h2{margin:12px 0 8px;font-size:24px;line-height:1.4;overflow-wrap:anywhere}.classroom-qr-dialog p{font-size:14px;line-height:1.6;color:var(--st-muted,#6b7890)}.classroom-qr-large{width:min(360px,100%);margin:20px auto 12px;background:#fff;border:8px solid #fff;border-radius:14px;box-sizing:border-box}.classroom-qr-large svg{display:block;width:100%;height:auto}.classroom-qr-code-label{display:block;font-size:12px;color:var(--st-muted,#6b7890)}.classroom-qr-code{display:block;font:800 clamp(26px,6vw,38px)/1.6 ui-monospace,monospace;letter-spacing:.12em}.classroom-qr-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px 0}.classroom-qr-dialog>small{display:block;font-size:11px;line-height:1.6;color:var(--st-muted,#6b7890)}
@media(max-width:800px){.room-invite:has(.classroom-qr){grid-template-columns:minmax(0,1fr) 176px}.room-invite:has(.classroom-qr)>div:first-child{grid-column:1/-1}.room-invite:has(.classroom-qr)>small{margin-top:0}}
@media(max-width:520px){.room-invite:has(.classroom-qr){grid-template-columns:minmax(0,1fr)}.classroom-qr{justify-self:center}.classroom-qr-dialog{padding:16px}.classroom-qr-dialog h2{font-size:20px}.robot-invite:has(.classroom-qr)>small{width:auto}}