.projection-rejoin{z-index:1100;color:#142b31;font:700 16px/1.3 var(--site-sans);background:#7aecd5;border:2px solid #162f38;border-radius:999px;padding:13px 22px;position:fixed;bottom:18px;right:18px;box-shadow:0 6px 24px #0004}.projection-overlay{z-index:2000!important}.projection-dialog{font-family:var(--site-sans);z-index:2001!important;color:#172a35!important;background:#fff!important;border:3px solid #7aecd5!important;border-radius:24px!important;padding:30px!important;box-shadow:0 24px 100px #0007!important}.projection-invite{background:linear-gradient(135deg,#c3ffee,#fff 70%)!important;width:min(92vw,620px)!important;max-width:620px!important}.projection-invite [data-slot=dialog-title]{font-size:clamp(28px,6vw,44px);line-height:1.1}.projection-dialog [data-slot=dialog-description]{color:#425864;font-size:16px}.projection-invite-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.projection-invite-actions button{border:1px solid #bbc9cf;border-radius:12px;min-height:52px;padding:15px 24px;font-size:17px;font-weight:700}.projection-invite-actions button:first-child{color:#fff;background:#183941;border-color:#183941}.projection-viewer{flex-direction:column;height:94dvh;gap:12px!important;width:96vw!important;max-width:1450px!important;display:flex!important}.projection-frame{overscroll-behavior:contain;background:#f5f6f7;border-radius:12px;flex:1;min-height:0;overflow:auto}.projection-frame img{width:100%;height:auto;display:block}.projection-board{position:relative}.projection-ink{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.projection-connection{min-height:20px;margin:0;font-size:14px}.projection-dialog [data-slot=dialog-close]{top:16px;right:16px}@media (max-width:600px){.projection-dialog{padding:22px 14px!important}.projection-viewer{height:96dvh}.projection-rejoin{padding:11px 15px;bottom:12px;right:12px}}.projection-rejoin{left:16px;right:auto;bottom:max(14px,env(safe-area-inset-bottom));z-index:1100;box-sizing:border-box;min-height:48px}@media (max-width:600px){.projection-rejoin{left:12px;right:auto;bottom:max(14px,env(safe-area-inset-bottom));max-width:calc(50vw - 20px);padding:10px 12px;font-size:14px}}html[data-student-theme=light] .projection-rejoin{color:#073b4c;background:#06d6a0;border-color:#073b4c}html[data-student-theme=light] .projection-dialog{color:#073b4c!important;border-color:#06d6a0!important}html[data-student-theme=light] .projection-invite{background:linear-gradient(135deg,#c3f5e8,#fff 70%)!important}html[data-student-theme=light] .projection-dialog [data-slot=dialog-description]{color:#3e6673}html[data-student-theme=light] .projection-invite-actions button{border-color:#6a8994}html[data-student-theme=light] .projection-invite-actions button:first-child{background:#0e6e8e;border-color:#0e6e8e}.projection-pager{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.projection-pager button{color:#183941;min-height:44px;font:700 16px/1.2 var(--site-sans);cursor:pointer;background:#fff;border:2px solid #183941;border-radius:12px;padding:9px 18px}.projection-pager button:disabled{opacity:.35;cursor:default}.projection-pager .projection-to-live{color:#142b31;background:#7aecd5;border-color:#162f38}.projection-pager .projection-to-question{color:#fff;background:#183941;margin-left:auto}.projection-place{font:600 15px/1.3 var(--site-sans);color:#425864;text-align:center;min-width:150px}.projection-kept{outline-offset:-4px;border-radius:10px;outline:4px dashed #f2b84b}@media (max-width:600px){.projection-pager{gap:6px}.projection-pager button{padding:8px 12px;font-size:14px}.projection-place{flex:100%;order:-1;min-width:0}}html[data-student-theme=light] .projection-pager button{color:#0e6e8e;border-color:#0e6e8e}html[data-student-theme=light] .projection-pager .projection-to-live{color:#073b4c;background:#06d6a0;border-color:#073b4c}html[data-student-theme=light] .projection-pager .projection-to-question{color:#fff;background:#0e6e8e}.projection-zoom-shell{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.projection-zoom-shell>.projection-frame{touch-action:pan-x pan-y;outline:none}.projection-zoom-shell>.projection-frame:focus-visible{box-shadow:0 0 0 3px #7aecd5}.projection-zoom-content{width:100%}.projection-zoomed{cursor:zoom-out}.projection-zoom-bar{background:#fff;border-radius:12px;gap:0;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 4px 16px #0003}.projection-zoom-bar button{color:#183941;min-width:44px;min-height:44px;font:700 18px/1 var(--site-sans);cursor:pointer;background:#fff;border:2px solid #183941;padding:0 12px}.projection-zoom-bar button+button{margin-left:-2px}.projection-zoom-bar button:first-child{border-radius:12px 0 0 12px}.projection-zoom-bar button:last-child{border-radius:0 12px 12px 0}.projection-zoom-bar .projection-zoom-fit{font-variant-numeric:tabular-nums;min-width:92px;font-size:15px}.projection-zoom-bar button:disabled{color:#183941;opacity:1;cursor:default}.projection-zoom-bar button:disabled:not(.projection-zoom-fit){opacity:.35}html[data-student-theme=light] .projection-zoom-bar button{color:#0e6e8e;border-color:#0e6e8e}
