.SQKLla_preview{--ink:#f1effa;--muted:#b9b7cd;--violet:#b8a8ff;color:var(--ink);isolation:isolate;background:radial-gradient(at 25% 40%,#27243e 0,#17171e 48%,#111115 100%);border:1px solid #ffffff1c;border-radius:28px;min-width:0;padding:28px}.SQKLla_preview *{box-sizing:border-box}.SQKLla_preview :is(h3,h4,p){margin:0}.SQKLla_preview button{font:inherit;cursor:pointer}.SQKLla_preview button:focus-visible{outline-offset:5px;outline:3px solid #d3c7ff}.SQKLla_preview button:disabled{cursor:default}.SQKLla_topline{justify-content:space-between;align-items:center;gap:18px;margin-bottom:32px;display:flex}.SQKLla_previewLabel{color:#c8d7ff;align-items:center;gap:8px;font-size:12px;display:inline-flex}.SQKLla_previewLabel i,.SQKLla_phoneBoardCaption i{background:#8daeff;border-radius:50%;width:6px;height:6px}.SQKLla_english{color:#a9a5bd;letter-spacing:1.5px;font:9px/1.5 Arial,sans-serif}.SQKLla_devices{grid-template-columns:minmax(0,1fr) 254px;align-items:center;gap:26px;display:grid}.SQKLla_teacherDevice{background:#202027;border:1px solid #ffffff24;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 24px 65px #0005}.SQKLla_windowBar{background:#18181e;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;min-height:53px;padding:12px 18px;display:flex}.SQKLla_brand{align-items:center;gap:7px;font:700 15px Arial,sans-serif;display:flex}.SQKLla_brand img{object-fit:contain;width:25px;height:25px}.SQKLla_brand>span{color:#211b39;background:#a99af0;border-radius:8px;place-items:center;width:25px;height:25px;font-size:17px;display:grid}.SQKLla_windowTitle{color:#c9c7d5;font-size:11px}.SQKLla_windowDots{gap:5px;display:flex}.SQKLla_windowDots i{background:#62616e;border-radius:50%;width:5px;height:5px;display:block}.SQKLla_studioHeading{justify-content:space-between;align-items:end;gap:10px;padding:23px 20px 20px;display:flex}.SQKLla_eyebrow{color:#b8a8ff;font-size:10px}.SQKLla_studioHeading h3{color:#f3f1fc;margin-top:5px;font-size:clamp(15px,1.5vw,21px);line-height:1.65}.SQKLla_lessonTag{color:#d2cced;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;padding:6px 8px;font-size:9px}.SQKLla_workspace{grid-template-columns:minmax(0,1fr) 128px;align-items:stretch;gap:12px;padding-inline:18px;display:grid}.SQKLla_boardPanel{border:1px solid #ffffff21;border-radius:9px;min-width:0;overflow:hidden}.SQKLla_boardToolbar{color:#514a6e;background:#eeeef9;align-items:center;gap:12px;min-height:35px;padding:8px 11px;display:flex}.SQKLla_penLabel{align-items:center;gap:5px;font-size:10px;display:inline-flex}.SQKLla_penLabel svg{width:13px;height:13px}.SQKLla_swatches{gap:4px;display:flex}.SQKLla_swatches i{background:#6652c9;border-radius:50%;width:7px;height:7px;display:block}.SQKLla_swatches i:nth-child(2){background:#238da3}.SQKLla_swatches i:nth-child(3){background:#34333d}.SQKLla_pageLabel{margin-inline-start:auto;font-size:9px}.SQKLla_board{aspect-ratio:720/440;-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:auto;display:block}.SQKLla_drawable{touch-action:none;cursor:crosshair}.SQKLla_boardFoot{color:#d3d0e0;background:#292830;flex-wrap:wrap;gap:8px 12px;padding:9px 11px;font-size:9px;display:flex}.SQKLla_boardFoot>span{align-items:center;gap:5px;display:inline-flex}.SQKLla_boardFoot>span:last-child{color:#bcb7d0;margin-inline-start:auto}.SQKLla_teacherDot,.SQKLla_studentDot{background:#b6a6ff;border-radius:50%;width:6px;height:6px;display:inline-block}.SQKLla_studentDot{background:#6ed3e1}.SQKLla_lessonNotes{background:#ffffff04;border:1px solid #ffffff14;border-radius:9px;padding:14px 10px}.SQKLla_noteIcon{color:#b9a8ff;margin-bottom:12px;font-size:26px;display:block}.SQKLla_lessonNotes h4{color:#f0ebff;margin-top:9px;font-size:14px;line-height:1.8}.SQKLla_lessonNotes p{color:#c1bdcf;margin-top:12px;font-size:10px;line-height:1.9}.SQKLla_noteDivider{background:#ffffff1a;height:1px;margin-block:16px}.SQKLla_noteSmall{color:#b2adc5;font-size:9px;line-height:1.9;display:block}.SQKLla_controls{flex-wrap:wrap;align-items:center;gap:8px;padding:18px;display:flex}.SQKLla_controls button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:39px;padding:9px 12px;font-size:11px;display:inline-flex}.SQKLla_primaryButton{color:#241b44;background:#b8a8ff;font-weight:700!important}.SQKLla_primaryButton:hover:enabled{background:#c7baff}.SQKLla_secondaryButton{color:#e1ddeb;background:#2d2c37;border-color:#ffffff1a!important}.SQKLla_secondaryButton:hover:enabled{background:#383644}.SQKLla_permissionButton{color:#d4cfe6;background:0 0;margin-inline-start:auto}.SQKLla_permissionButton:hover:enabled{background:#ffffff08}.SQKLla_toggle{background:#5e5a6d;border-radius:12px;align-items:center;width:25px;height:15px;padding:3px;display:flex}.SQKLla_toggle i{background:#efedf6;border-radius:50%;width:9px;height:9px;display:block}.SQKLla_permissionButton[aria-pressed=true] .SQKLla_toggle{background:#a793fa;justify-content:end}.SQKLla_permissionButton[aria-pressed=true] .SQKLla_toggle i{background:#251843}.SQKLla_controls button:disabled{opacity:.55}.SQKLla_studentColumn{justify-self:center;width:254px;min-width:0}.SQKLla_connectionLabel{color:#c3b9e7;justify-content:center;align-items:center;gap:9px;margin-bottom:14px;font-size:10px;display:flex}.SQKLla_connectionLabel>span{color:#a592e9;font-size:19px}.SQKLla_phone{background:#101016;border:1px solid #66616f;border-radius:35px;outline:3px solid #29262e;width:238px;margin-inline:auto;padding:6px;box-shadow:0 24px 60px #0006}.SQKLla_phoneTop{color:#f0eefb;direction:ltr;justify-content:space-between;min-height:31px;padding:8px 14px;font:9px Arial,sans-serif;display:flex;position:relative}.SQKLla_phoneNotch{background:#020204;border-radius:15px;width:68px;height:18px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.SQKLla_phoneContent{background:radial-gradient(at 50% 0,#2b2548,#1b1925 70%);border-radius:0 0 28px 28px;padding:15px 12px 8px}.SQKLla_phoneBrand{justify-content:space-between;align-items:center;gap:10px;display:flex}.SQKLla_phoneBrand>span:first-child{font:700 15px Arial,sans-serif}.SQKLla_phoneBadge{color:#cdc3f7;background:#ae94ff0c;border:1px solid #ae94ff3b;border-radius:20px;padding:5px 7px;font-size:9px}.SQKLla_lessonAvatar{color:#c5b4ff;background:#ad95fa1a;border:1px solid #c7b6ff29;border-radius:13px;place-items:center;width:42px;height:42px;margin-top:25px;display:grid}.SQKLla_lessonAvatar svg{width:21px;height:21px}.SQKLla_phoneEyebrow{color:#c4b4f5;margin-top:12px;font-size:9px;display:block}.SQKLla_phoneContent h3{margin-block:5px;font-size:18px;line-height:1.6}.SQKLla_phoneSubtitle{color:#b6b1c9;font-size:10px}.SQKLla_phoneBoard{border:1px solid #ffffff29;border-radius:8px;margin-top:20px;overflow:hidden}.SQKLla_phoneBoardCaption{color:#c0bbd1;align-items:center;gap:6px;margin-top:10px;font-size:8px;display:flex}.SQKLla_phoneBoardCaption i{width:4px;height:4px}.SQKLla_studentPermission{color:#d0cadf;align-items:center;gap:7px;padding:18px 0 12px;font-size:10px;display:flex}.SQKLla_permissionDot{background:#a9a1bb;border-radius:50%;width:6px;height:6px}.SQKLla_permissionDot[data-allowed=true]{background:#7dd9e9}.SQKLla_studentButton{color:#261e41;background:#b8a8ff;border:1px solid #0000;border-radius:8px;width:100%;min-height:39px;font-size:11px!important;font-weight:700!important}.SQKLla_studentButton:hover:enabled{background:#c8bbff}.SQKLla_studentButton:disabled{color:#b8b2ca;background:#3b354b;border-color:#544b69}.SQKLla_phoneHint{text-align:center;color:#bbb3cd;min-height:31px;padding-top:8px;font-size:8px;line-height:1.8}.SQKLla_phoneHome{background:#aaa3b8;border-radius:3px;width:65px;height:3px;margin:15px auto 1px;display:block}.SQKLla_explanation{border-top:1px solid #ffffff17;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;margin-top:35px;padding-top:24px;display:grid}.SQKLla_explanation strong{color:#f0eafb;font-size:14px}.SQKLla_explanation p{color:#bcb6ce;margin-top:7px;font-size:11px;line-height:1.95}.SQKLla_state{color:#dbd2f6;background:#b6a2fa08;border:1px solid #a99ae629;border-radius:9px;align-items:start;gap:9px;padding:13px 15px;font-size:11px;line-height:1.8;display:flex}.SQKLla_stateDot{background:#a99af0;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px}.SQKLla_disclaimer{color:#aaa6ba;font-size:10px;line-height:1.9;margin-top:20px!important}@media (max-width:1100px){.SQKLla_workspace{grid-template-columns:minmax(0,1fr)}.SQKLla_lessonNotes{display:none}.SQKLla_devices{grid-template-columns:minmax(0,1fr) 238px;gap:20px}.SQKLla_studentColumn{width:238px}.SQKLla_lessonTag{display:none}.SQKLla_permissionButton{margin-inline-start:0}}@media (max-width:760px){.SQKLla_preview{border-radius:19px;padding:20px}.SQKLla_devices{grid-template-columns:minmax(0,1fr);gap:30px}.SQKLla_topline{margin-bottom:22px}.SQKLla_english{display:none}.SQKLla_studioHeading{padding:18px 14px 15px}.SQKLla_studioHeading h3{font-size:18px}.SQKLla_workspace{padding-inline:12px}.SQKLla_controls{padding:13px 12px}.SQKLla_studentColumn{width:254px}.SQKLla_explanation{grid-template-columns:minmax(0,1fr);gap:17px;margin-top:25px;padding-top:20px}}@media (max-width:400px){.SQKLla_preview{padding:14px}.SQKLla_windowBar{padding-inline:12px}.SQKLla_windowTitle{font-size:10px}.SQKLla_studioHeading h3{font-size:16px}.SQKLla_controls{gap:7px}.SQKLla_controls button{padding-inline:9px;font-size:10px}.SQKLla_permissionButton{width:100%;justify-content:start!important}.SQKLla_boardToolbar{gap:8px;padding-inline:8px}.SQKLla_pageLabel,.SQKLla_boardFoot{font-size:8px}.SQKLla_boardFoot>span:last-child{width:100%;margin-inline-start:0}}@media (prefers-reduced-motion:reduce){.SQKLla_preview *,.SQKLla_preview :before,.SQKLla_preview :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}