.preview-overlay[data-v-bb8291a8]{z-index:9999;--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1));flex-direction:column;min-width:1280px;padding:72px 2rem 2.5rem;display:flex;position:fixed;inset:0}.preview-btn-close[data-v-bb8291a8]{border-radius:9999px;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;top:1rem;right:1rem}.preview-btn-close[data-v-bb8291a8]:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-10)/var(--tw-bg-opacity,1))}.preview-header[data-v-bb8291a8]{text-align:center;flex-shrink:0;justify-content:center;align-items:center;display:flex}.preview-header__text[data-v-bb8291a8]{text-align:center;--tw-text-opacity:1;width:100%;color:rgb(var(--color-gray-60)/var(--tw-text-opacity,1));letter-spacing:-1px;font-size:1.25rem;line-height:1.6em}.preview-body[data-v-bb8291a8]{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;min-height:0;padding:120px 2.5rem 2rem;display:flex;overflow-y:auto}.preview-split[data-v-bb8291a8]{flex-direction:row;justify-content:center;gap:40px;width:100%;min-width:1216px;max-width:1856px;margin-left:auto;margin-right:auto;display:flex}.preview-panel[data-v-bb8291a8]{flex-direction:column;flex:1 1 0;align-items:center;gap:32px;min-width:0;display:flex}.preview-panel__header[data-v-bb8291a8]{flex-shrink:0}.preview-panel__title[data-v-bb8291a8]{text-align:center;letter-spacing:-1px;flex-direction:row;justify-content:center;align-items:center;gap:.25rem;font-size:1.5rem;font-weight:700;line-height:1.16em;display:flex}.preview-panel__help[data-v-bb8291a8]{--tw-text-opacity:1;color:rgb(var(--color-gray-40)/var(--tw-text-opacity,1))}.preview-panel__help[data-v-bb8291a8]:hover{--tw-text-opacity:1;color:rgb(var(--color-gray-60)/var(--tw-text-opacity,1))}.preview-panel__content[data-v-bb8291a8]{--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1));aspect-ratio:900/506;border-radius:8px;outline:8px solid #262729;width:100%;position:relative;overflow:hidden}.preview-panel.is-mobile[data-v-bb8291a8]{flex:none}.preview-panel.is-mobile .preview-panel__content[data-v-bb8291a8]{height:100%;aspect-ratio:unset;background:#000}.preview-split.is-mobile-active .preview-panel--teacher[data-v-bb8291a8]{flex:none}.preview-viewport-toggle[data-v-bb8291a8]{white-space:nowrap;position:absolute;bottom:-64px;left:50%;transform:translate(-50%)}.preview-viewport-btn[data-v-bb8291a8]{letter-spacing:0;--tw-text-opacity:1;color:rgb(var(--color-gray-40)/var(--tw-text-opacity,1));border-radius:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;line-height:1.285em;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.preview-viewport-btn.active[data-v-bb8291a8]{--tw-bg-opacity:1;background-color:rgb(255,255,255,var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--color-gray-95)/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.preview-iframe[data-v-bb8291a8]{border-style:none;width:100%;height:100%;position:absolute;inset:0}.preview-iframe-scaled[data-v-bb8291a8]{border-style:none;position:absolute;top:0;left:0}.preview-placeholder[data-v-bb8291a8],.preview-student-frame[data-v-bb8291a8],.preview-student-frame--mobile[data-v-bb8291a8]{width:100%;height:100%}.preview-placeholder[data-v-bb8291a8]{--tw-bg-opacity:1;background-color:rgb(var(--color-gray-5)/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--color-gray-30)/var(--tw-text-opacity,1));flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.preview-placeholder p[data-v-bb8291a8]{letter-spacing:-1px;font-size:1.25rem;font-weight:700;line-height:1.2em}.preview-placeholder__sub[data-v-bb8291a8]{letter-spacing:0;font-size:.875rem;line-height:1.285em}.preview-fade-enter-active[data-v-bb8291a8],.preview-fade-leave-active[data-v-bb8291a8]{transition:opacity .2s}.preview-fade-enter-from[data-v-bb8291a8],.preview-fade-leave-to[data-v-bb8291a8]{opacity:0}.share-btn[data-v-d589dcb2]{flex-direction:column;flex:1}.share-btn[data-v-d589dcb2],.share-btn .ico-wrap[data-v-d589dcb2]{align-items:center;width:5rem;display:flex}.share-btn .ico-wrap[data-v-d589dcb2]{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--color-gray-10)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.5rem;justify-content:center;height:5rem}.share-btn .lbl[data-v-d589dcb2]{letter-spacing:0;text-align:center;--tw-text-opacity:1;color:rgb(var(--color-gray-95)/var(--tw-text-opacity,1));margin-top:.5rem;font-size:.75rem;line-height:1.3em}