.iv-section{background:#eef4ff;border:1px solid #c8d9f5;border-radius:18px;padding:20px;margin:18px 0}.iv-section>h3{margin-top:0}.iv-create{background:#4963ab;border-color:#354d8f}.iv-convert-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.iv-convert-links button{background:#e4def8;border-color:#c3b5e7;color:#3d3164}.iv-dialog{width:min(1120px,96vw)}.iv-player{width:100%;max-width:900px;margin:14px auto;background:#11243c;border-radius:12px;overflow:hidden}.iv-player:empty{display:none}.iv-player video,.iv-player iframe{display:block;width:100%;aspect-ratio:16/9;max-height:62vh;min-height:200px;border:0;object-fit:contain}.iv-source{padding:18px;background:#f0f7ff;border-radius:14px;border:1px solid #ceddf0}.iv-source>p{font-size:14px;color:#475b75}.iv-answer{padding:22px;background:#fff4db;border:2px solid #dfbd6e;border-radius:16px;margin:18px 0}.iv-answer[hidden],[data-url-label][hidden],[data-material-label][hidden]{display:none!important}.iv-question-editor{border-left:5px solid #8a72bb}.iv-answer textarea{min-height:100px}.iv-dialog [data-status],.iv-dialog [data-question-status]{color:#8d281c;font-weight:700}.iv-dialog [data-progress]{color:#305d86;font-weight:700}@media(max-width:600px){.iv-dialog{padding:12px}.iv-section,.iv-answer,.iv-source{padding:14px}.iv-player video,.iv-player iframe{min-height:200px}.iv-dialog button{margin-bottom:7px}}

/* Preguntas y respuestas dentro del marco del video. */
.iv-screen{position:relative;width:100%;max-width:980px;margin:18px auto;background:#11243c;border-radius:16px;overflow:hidden;isolation:isolate;min-height:330px}
.iv-screen>.iv-player{max-width:none;margin:0;border-radius:0;min-height:330px}
.iv-screen .iv-player video,.iv-screen .iv-player iframe{min-height:330px}
.iv-video-tools{position:absolute;top:12px;left:12px;right:12px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}
.iv-video-tools button,.iv-video-tools span{pointer-events:auto;box-shadow:0 3px 14px #0004}
.iv-video-tools span{background:#0a1c32e8;color:white;border-radius:9px;padding:9px 12px;font-weight:800}
.iv-video-tools button{background:#fff1c7;color:#413419;border:1px solid #e3c672}
.iv-editor-overlay,.iv-screen>.iv-answer-overlay{position:absolute;inset:0;z-index:4;overflow:auto;overscroll-behavior:contain;background:#f9fbfff5;padding:20px;margin:0;border:0;border-radius:0;color:#20324a}
.iv-editor-overlay[hidden],.iv-screen>.iv-answer-overlay[hidden]{display:none!important}
.iv-overlay-top{position:sticky;top:-20px;margin:-20px -20px 15px;padding:12px 20px;background:#e5ecfb;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:2;border-bottom:1px solid #c7d3e8}
.iv-editor-overlay .iv-question-editor{box-shadow:none;border:0;padding:0;margin:0;background:transparent}
.iv-editor-overlay [data-edit-on-video]{display:none}
.iv-screen>.iv-answer-overlay{background:#fff8eaf5;border:2px solid #dbb664}
.iv-answer-overlay h3{margin-top:0;font-size:22px}
.iv-answer-overlay .quiz-option{background:white;border:1px solid #d3dceb;border-radius:10px;padding:10px}
.iv-answer-overlay textarea{min-height:90px}
@media(max-width:600px){.iv-screen,.iv-screen>.iv-player,.iv-screen .iv-player video,.iv-screen .iv-player iframe{min-height:380px}.iv-editor-overlay,.iv-screen>.iv-answer-overlay{padding:14px}.iv-overlay-top{top:-14px;margin:-14px -14px 12px;padding:10px 14px;flex-wrap:wrap}.iv-video-tools{top:8px;left:8px;right:8px}.iv-video-tools button{font-size:13px;padding:9px}.iv-answer-overlay h3{font-size:18px}}

.iv-video-tools{flex-wrap:wrap;justify-content:flex-end}.iv-video-tools [data-video-clock]{margin-right:auto}.iv-video-tools [data-preview-on-video],.iv-header-preview{background:#daf0e4!important;color:#18583c!important;border-color:#88b69d!important}.iv-dialog>header{flex-wrap:wrap}.iv-header-preview{margin-left:auto}.iv-student-screen+.iv-player-status{font-weight:700}@media(max-width:600px){.iv-video-tools{gap:5px}.iv-video-tools span{padding:7px}.iv-video-tools button{font-size:12px;padding:7px}.iv-header-preview{font-size:13px;padding:9px}}

/* Respuestas a un costado o debajo del video, sin cubrirlo. */
.iv-layout-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.iv-layout-controls button{background:#edf2fb;color:#294b78;border-color:#b7c9e4;font-size:14px}.iv-layout-controls button[aria-pressed="true"]{background:#d9eee3;color:#1d573c;border-color:#8bb89f}
.iv-screen.iv-student-screen{max-width:none;background:transparent;overflow:visible;min-height:0;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:16px;align-items:start;isolation:auto}
.iv-student-screen>.iv-player{min-width:0;border-radius:14px;background:#11243c;min-height:0}
.iv-student-screen .iv-player video,.iv-student-screen .iv-player iframe{min-height:220px}
.iv-student-screen>.iv-answer-panel{position:static;inset:auto;margin:0;padding:20px;max-height:62vh;overflow:auto;background:#fff8e9;border:1px solid #dfc283;border-radius:14px;min-width:0}
.iv-student-screen>.iv-answer-panel[hidden]{display:none!important}
.iv-student-screen:has(>.iv-answer-panel[hidden]){grid-template-columns:minmax(0,1fr)}
.iv-student-screen[data-question-position="bottom"]{grid-template-columns:minmax(0,1fr)}
.iv-student-screen[data-question-position="bottom"]>.iv-answer-panel{max-height:none}
.iv-answer-panel h3{margin-top:0;font-size:20px}.iv-answer-panel .quiz-option{background:white;padding:10px;border:1px solid #d8e0ec;border-radius:9px}.iv-answer-panel textarea{min-height:100px}
@media(max-width:800px){.iv-screen.iv-student-screen{grid-template-columns:minmax(0,1fr)}.iv-student-screen>.iv-answer-panel{max-height:none}.iv-student-screen .iv-player video,.iv-student-screen .iv-player iframe{min-height:200px}.iv-layout-controls button{font-size:13px}.iv-student-screen>.iv-answer-panel{padding:16px}}

.iv-layout-controls button[aria-pressed="false"]{opacity:.85}
.iv-screen[data-editor-screen]:has([data-editor-overlay]:not([hidden])){display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:16px;align-items:start;max-width:none;background:transparent;overflow:visible;isolation:auto}
.iv-screen[data-editor-screen]:has([data-editor-overlay]:not([hidden])) .iv-video-tools{display:none}
.iv-screen[data-editor-screen]>.iv-editor-overlay{position:static;max-height:62vh;border:1px solid #c7d3e8;border-radius:14px;min-width:0;box-sizing:border-box}
.iv-screen[data-editor-screen]>.iv-player{min-width:0;border-radius:14px}
.iv-screen[data-editor-position="bottom"]:has([data-editor-overlay]:not([hidden])){grid-template-columns:minmax(0,1fr)}
.iv-screen[data-editor-position="bottom"]>.iv-editor-overlay{max-height:none}
@media(max-width:800px){.iv-screen[data-editor-screen]:has([data-editor-overlay]:not([hidden])){grid-template-columns:minmax(0,1fr)}.iv-screen[data-editor-screen]>.iv-editor-overlay{max-height:none}}

/* Editor docente compacto: video, pregunta y guardado único. */
.iv-editor .iv-source{padding:14px 18px}.iv-editor .iv-source>summary{font-size:17px;font-weight:800;cursor:pointer;color:#264d7c}.iv-editor .iv-source>label{margin-top:12px}.iv-editor .iv-source>p{font-size:13px;line-height:1.45}.iv-other-sources,.iv-instructions{margin:12px 0}.iv-other-sources>summary,.iv-instructions>summary{font-size:14px;color:#3d5b78;cursor:pointer}.iv-editor [data-preview-on-video],.iv-editor [data-preview],.iv-editor [data-add],.iv-editor [type="submit"][hidden]{display:none!important}.iv-save-all{background:#1c7751!important;border-color:#125c3d!important;color:white!important}.iv-editor [data-questions]>.iv-question-editor{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;margin:8px 0}.iv-editor [data-questions]>.iv-question-editor>*:not(h4):not([data-edit-on-video]){display:none!important}.iv-editor [data-questions]>.iv-question-editor h4{margin:0;font-size:15px}.iv-editor [data-questions]>.iv-question-editor [data-edit-on-video]{display:block}.iv-editor-overlay .iv-question-editor h4{font-size:17px;margin:0 0 12px}.iv-option-row{display:grid;grid-template-columns:22px minmax(0,1fr) 30px;gap:8px;align-items:center;margin:8px 0}.iv-option-row>input[type=radio],.iv-option-row>input[type=checkbox]{width:20px;height:20px;margin:0}.iv-option-row>button{padding:3px;font-size:20px;background:#f9e4e4;color:#7f3030;border-color:#dfb5b5}.iv-advanced{margin-top:14px;font-size:13px}.iv-advanced summary{cursor:pointer;color:#506984}.iv-editor .iv-source:not([open]){background:#e9f4ed}.iv-dialog>header{gap:9px}.iv-dialog>header>strong{margin-right:auto}.iv-header-preview{margin-left:0}.iv-editor [data-status]{padding:8px 0}

.iv-interactive-resource{border:2px solid #99b8da;background:#eef6ff}.iv-interactive-resource>strong{display:block;font-size:18px}.iv-interactive-resource .iv-start-interactive{background:#205c92;border-color:#174975;margin:8px 8px 8px 0}.iv-inline-activity.iv-dialog{width:100%;max-width:none;max-height:none;padding:0;border:0;margin:0}.iv-inline-activity h2{font-size:22px}.iv-inline-sent{background:#e1f2e7;border:1px solid #acd1b9;border-radius:12px;padding:14px;color:#20543a;font-weight:700}.iv-inline-activity .iv-screen{max-width:100%}

.iv-question-error{padding:12px;background:#fff0ed;color:#972d20;border:1px solid #e4b6ac;border-radius:9px;font-weight:800}.iv-draft-recovery{padding:14px;margin:12px 0;background:#fff4d5;border:1px solid #dbc27c;border-radius:12px}.iv-draft-recovery p{margin:6px 0;font-size:14px}.iv-draft-recovery button{font-size:13px;padding:9px}.iv-editor>[data-status]:not(:empty){background:#fff1eb;border:1px solid #e0beb1;border-radius:9px;padding:12px;font-weight:700}
