.staff-premium .side [data-staff-student-preview]{font-size:12px;margin-top:17px;color:var(--up-orange)}
.student-preview-dialog{width:calc(100vw - 40px);max-width:1700px;height:calc(100dvh - 40px);max-height:none;padding:0;border:1px solid var(--staff-border);border-radius:18px;background:var(--staff-canvas);color:var(--staff-text);overflow:hidden;box-shadow:var(--staff-popover-shadow)}
.student-preview-dialog[open]{display:flex;flex-direction:column}.student-preview-dialog::backdrop{background:var(--staff-backdrop)}
.student-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;background:var(--staff-card);border-bottom:1px solid var(--staff-border);font-family:var(--font-text);flex-shrink:0}
.student-preview-toolbar h2{font-size:17px;line-height:1.4;font-weight:600;margin:0}.student-preview-toolbar p{font-size:11px;margin:3px 0 0;color:var(--staff-muted)}.student-preview-toolbar label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--staff-muted);margin-left:auto}.student-preview-toolbar select{font:inherit;font-size:12px;color:var(--staff-text);background:var(--staff-input);border:1px solid var(--staff-control-border);border-radius:8px;padding:9px;max-width:220px}.student-preview-toolbar button{font-family:inherit;font-size:12px;border:1px solid var(--staff-control-border);border-radius:8px;padding:10px 15px;background:var(--up-orange);color:var(--up-black);cursor:pointer}.student-preview-dialog iframe{border:0;width:100%;flex:1;min-height:0;background:var(--staff-canvas)}
.student-preview-dialog :is(button,select):focus-visible{outline:3px solid var(--staff-focus);outline-offset:3px}
.student-preview-dialog .student-preview-toolbar .btn{background:var(--up-orange);color:var(--up-black);border-color:var(--up-orange)}
@media(max-width:760px){.student-preview-dialog{width:100vw;height:100dvh;max-width:none;border:0;border-radius:0}.student-preview-toolbar{padding:13px;gap:11px;flex-wrap:wrap}.student-preview-toolbar>div{flex:1;min-width:180px}.student-preview-toolbar label{order:3;width:100%;margin:0;justify-content:space-between}.student-preview-toolbar label select{flex:1;max-width:250px}.student-preview-toolbar p{font-size:10px}.student-preview-toolbar button{font-size:11px;padding:9px 11px}}