[hidden]{display:none!important}.rich-content img,.prose img,.task-description img{max-width:100%;height:auto}.rich-content table,.prose table,.task-description table{max-width:100%;border-collapse:collapse}.prose td,.prose th,.task-description td,.task-description th{border:1px solid #dbe5f2;padding:8px}.task-description{white-space:normal}.article-no-image{aspect-ratio:2.84;background:#edf3fa;display:flex;align-items:center;justify-content:center;color:#789}.media-widget{margin:10px 0 16px;padding:12px;background:#f7faff;border:1px solid #dce7f4;border-radius:8px}.media-preview{display:block;max-width:100%;max-height:200px;object-fit:contain;margin-bottom:9px}.media-info{font-size:13px;overflow-wrap:anywhere;margin-bottom:8px}.media-actions{display:flex;gap:8px;flex-wrap:wrap}.media-button{border:1px solid #b9d2ed;background:#fff;color:#1455a1;padding:7px 12px;border-radius:5px;font-size:13px;cursor:pointer}.media-progress{width:100%;height:10px}.media-message{font-size:13px;color:#466488;margin-top:8px;white-space:pre-line}.media-message.error,.student-result.error{color:#ad2b25}.student-result{white-space:pre-line;overflow-wrap:anywhere;margin:10px 0;color:#146d47;font-size:14px}.image-editor-overlay{position:fixed;inset:0;background:#102440bb;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px}.image-editor-dialog{width:min(900px,100%);max-height:95vh;overflow:auto;background:#fff;border-radius:12px;padding:20px;color:#213a5e;box-shadow:0 20px 60px #0005}.image-editor-dialog h3{font-size:21px;margin:0 0 16px}.image-editor-canvas{height:min(55vh,460px);background:#edf2f7;margin-bottom:16px}.image-editor-canvas img{display:block;max-width:100%}.image-editor-toolbar{display:flex;gap:8px;flex-wrap:wrap}.image-editor-toolbar button{padding:8px 14px;cursor:pointer}.image-editor-dialog p{margin-top:12px}.image-editor-toolbar .primary{background:#0673ef;color:white;border-color:#0673ef}.note-editor .note-editable{font-family:Arial,sans-serif;font-size:16px;line-height:1.65;color:#253955}.note-editor .note-editable img{max-width:100%}.note-editor .note-btn{padding:6px 9px}.note-editor .note-toolbar{background:#f5f8fc}.note-editor .note-editable p{margin-bottom:10px}.editor-image-tools{font-size:13px;padding:8px 0;color:#6c819c}.wysiwyg+.note-editor{margin-bottom:8px}.wysiwyg[required]{display:none!important}.rich-content{overflow-wrap:anywhere}.rich-content img{max-height:500px}.question h3 p{display:inline}.student-result code{font-size:15px}.media-busy{opacity:.7}.media-editor-error{color:#af2424}
.answer-editor{padding:12px;border:1px solid #dce7f4;border-radius:8px;min-width:0}.answer-editor .note-editable{font-size:14px;line-height:1.4}.answer-editor .note-editable p{margin-bottom:4px}.answer-editor .note-btn{padding:3px 6px}.content-type-label{display:block;font-weight:500;font-size:13px}.content-type-label select{max-width:300px;margin-top:5px}.correct-option{max-width:260px}.answer-editor .media-widget{margin-bottom:0}.answer-editor .media-preview{max-height:130px}

.preview-formula:empty{display:none}.answer-editor .content-type-label{margin-bottom:8px}.option-grid{gap:12px;margin-bottom:14px}

iframe.youtube-video{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;min-height:0;border:0;border-radius:10px;margin:16px 0;background:#101820}
/* Image editor: eraser mode and zoom */
.media-preview{cursor:zoom-in}
.image-editor-erase{height:min(55vh,460px);background:#edf2f7 repeating-conic-gradient(#e3e8ef 0 25%,#f4f6f9 0 50%) 0 0/20px 20px;margin-bottom:16px;border-radius:6px;overflow:hidden}
.image-editor-erase-scroll{position:relative;width:100%;height:100%;overflow:auto;padding:12px;touch-action:none}
.image-editor-erase canvas{display:block;margin:auto;cursor:none;box-shadow:0 2px 12px #0003;touch-action:none}
.image-editor-brush{position:absolute;pointer-events:none;border:2px solid #0673ef;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff;background:#0673ef22}
.image-editor-size,.image-editor-mode{display:inline-flex;align-items:center;gap:8px;margin:0 6px 0 0;font-size:14px}
.image-editor-size input{width:130px}
.image-editor-size b{min-width:28px}
.image-editor-mode select{padding:6px 8px;border:1px solid #cfdaea;border-radius:6px}
.file-drop-zone{position:relative}.file-drop-zone.is-dropping{outline:2px dashed #0673ef;outline-offset:2px;border-radius:8px}.file-drop-zone.is-dropping::after{content:"Thả tệp vào đây";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#eaf3ffe8;color:#0b5cc4;font-weight:700;font-size:16px;border-radius:8px;pointer-events:none;z-index:5}
.file-drop-hint{display:block;color:#6b7c93;font-size:13px;margin-top:4px}.file-drop-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#1f2937;color:#fff;padding:10px 16px;border-radius:8px;z-index:3000;max-width:90vw;box-shadow:0 4px 16px #0004}