.tutor-preview-overlay{position:fixed;inset:0;z-index:3000;background:rgba(7,22,43,.76);display:flex;align-items:center;justify-content:center;padding:clamp(8px,2vw,24px)}
.tutor-preview-dialog{width:min(1060px,100%);height:min(850px,94dvh);min-height:0;background:#fff;border-radius:18px;box-shadow:0 26px 70px rgba(0,0,0,.32);display:flex;flex-direction:column;overflow:hidden}
.tutor-preview-bar{min-height:58px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid #e2e8f0}
.tutor-preview-heading{font-size:1rem;font-weight:800;color:#132744}
.tutor-preview-actions{display:flex;align-items:center;gap:12px}
.tutor-preview-full{font-size:.81rem;font-weight:700;color:#173b70;text-decoration:none;white-space:nowrap}
.tutor-preview-full:hover{text-decoration:underline}
.tutor-preview-close{width:36px;height:36px;border:1px solid #dce3ef;border-radius:9px;background:#f5f7fb;color:#142745;cursor:pointer;font-size:1rem}
.tutor-preview-close:focus-visible,.tutor-preview-full:focus-visible{outline:3px solid #cca74e;outline-offset:2px}
.tutor-preview-frame{width:100%;flex:1;min-height:0;border:0;background:#fff}
@media(max-width:600px){.tutor-preview-overlay{padding:0}.tutor-preview-dialog{width:100%;height:100dvh;border-radius:0}.tutor-preview-bar{padding:9px 12px}.tutor-preview-full{font-size:.75rem}}