.image-editor{box-sizing:border-box;width:min(94vw,850px);max-height:94dvh;overflow:auto;border:1px solid #bdc9df;border-radius:16px;padding:1.4rem;background:#fff;color:#172c48}.image-editor::backdrop{background:rgba(13,25,48,.65)}.image-editor canvas{display:block;max-width:100%;height:auto;max-height:55dvh;object-fit:contain;margin:1rem auto;background:#f3f5fa}.image-editor button{font:inherit;border:1px solid #bdc9df;background:#f4f6fc;padding:.7rem 1rem;border-radius:9px;cursor:pointer}.image-editor .primary{background:#304be8;color:white}.image-editor input[type=number]{width:5rem;padding:.5rem;margin-left:.8rem}.image-crop-controls{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.image-crop-controls label{display:grid;gap:.4rem}.image-crop-controls input{width:100%}.image-editor .tutor-actions{display:flex;flex-wrap:wrap;gap:.5rem}.exercise-image{padding:1rem;border:1px solid #bccbe0;border-radius:12px;margin-top:1rem}.exercise-image>img{max-width:100%;max-height:500px;object-fit:contain}.exercise-image .tutor-actions{display:flex;flex-wrap:wrap;gap:.5rem}.image-editor :focus-visible{outline:3px solid #b56800;outline-offset:3px}@media(max-width:520px){.image-crop-controls{grid-template-columns:1fr}.image-editor{padding:1rem}}