.arepo-plus-workspace{position:fixed;inset:0;z-index:2147483010;overflow:auto;background:#f8faf9;color:#1a3438;font:18px/1.5 Dosis,system-ui,sans-serif}.arepo-plus-workspace *,.arepo-plus-play *{box-sizing:border-box}.arepo-plus-top{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #dbe9e8;padding:15px max(22px,calc((100vw - 1080px)/2));display:flex;justify-content:space-between}.arepo-plus-top a{color:#168b8d;text-decoration:none}.arepo-plus-top span{font-size:14px;letter-spacing:.1em;text-transform:uppercase}.arepo-plus-main{max-width:1080px;margin:28px auto 60px;padding:26px;background:#fff;border:1px solid #dbe9e8;border-radius:12px}.arepo-plus-main h2{font-size:30px;margin:0 0 20px}.arepo-plus-main label{display:block;margin:12px 0;font-weight:650}.arepo-plus-main input:not([type=checkbox]):not([type=radio]),.arepo-plus-main textarea,.arepo-plus-main select{width:100%;min-width:0;border:1px solid #cbd6d9;border-radius:7px;padding:10px;font:inherit;background:#fff;color:#19383c}.arepo-plus-main textarea{min-height:100px}.arepo-plus-actions,.arepo-plus-row,.arepo-plus-opts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.arepo-plus-actions{justify-content:flex-end;margin-top:25px}.arepo-plus-main button{font:650 17px/1.3 Dosis,system-ui,sans-serif;padding:10px 16px;border-radius:8px;border:1px solid #b9dbd8;background:#edf8f7;color:#175f5e;cursor:pointer}.arepo-plus-main button.primary{background:#35bfc2;color:#123739}.arepo-plus-card{border-top:3px solid #73cbc5}.arepo-plus-card .arepo-studio-card-actions a{font-size:16px!important}.arepo-plus-panel{border:1px solid #dce8e6;border-radius:10px;padding:18px;margin:18px 0;background:#fbfdfc}.arepo-plus-panel h3{font-size:22px;margin:0 0 12px}.arepo-plus-question{border:1px solid #d8e5e3;padding:15px;margin:14px 0;border-radius:10px;background:#fff}.arepo-plus-opts>label{display:flex;align-items:center;gap:6px;margin:0;flex:1 1 45%;font-weight:500}.arepo-plus-opts input[type=text]{flex:1}.arepo-plus-opts input[type=checkbox]{width:20px;height:20px}.arepo-plus-inline{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.arepo-plus-inline label{display:flex;gap:6px;align-items:center}.arepo-plus-inline input[type=checkbox]{width:18px;height:18px}.arepo-plus-source{min-height:200px!important;line-height:1.7}.arepo-plus-note{color:#61767b;font-size:16px}.arepo-plus-notice{color:#287b62}.arepo-plus-preview{position:fixed;inset:0;z-index:2147483500;background:#203a3d88;padding:4vh 3vw;overflow:auto}.arepo-plus-preview>section{background:white;max-width:980px;margin:auto;padding:22px;border-radius:12px}.arepo-plus-play{margin:0;background:#f8faf9;font:18px/1.5 Dosis,system-ui,sans-serif;color:#1a3438}.arepo-plus-play .arepo-plus-main{margin:24px auto}.arepo-plus-passage{white-space:pre-wrap;line-height:2.2;padding:22px;border:1px solid #dce8e6;border-radius:10px;background:#fff}.arepo-plus-passage input{display:inline-block!important;width:auto;min-width:75px!important;max-width:100%!important;border:1px solid #9dcfca!important;background:#f2faf9!important;padding:4px 7px!important;vertical-align:baseline!important}.arepo-plus-passage input.good{border-color:#4c9e72!important;background:#e8f7ed!important}.arepo-plus-passage input.bad{border-color:#d57d8d!important;background:#fff0f2!important}.arepo-plus-question-player{border:1px solid #dbe9e7;border-radius:10px;padding:16px;margin:12px 0}.arepo-plus-question-player legend{font-weight:700}.arepo-plus-question-player label{display:flex;align-items:center;gap:8px;font-weight:500;margin:8px 0}.arepo-plus-question-player input{width:18px;height:18px}.arepo-plus-feedback{font-weight:700;margin:14px 0}.arepo-plus-feedback.good{color:#287b62}.arepo-plus-feedback.bad{color:#a64658}@media(max-width:700px){.arepo-plus-main{margin:10px;padding:15px}.arepo-plus-workspace{font-size:17px}.arepo-plus-opts>label{flex-basis:100%}}
/* v0.1.1 : édition visuelle des trous, même logique que Texte à choix */
#arepo-plus-rich{min-height:235px;padding:20px;border:1px solid #cbdedc;border-radius:10px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:18px;color:#1b3439;outline-offset:2px}
#arepo-plus-rich:focus{outline:2px solid #8bd5d0}
#arepo-plus-rich .arepo-plus-hole-token{display:inline;background:#d9f3f0;color:#126d70;border-bottom:2px solid #27b7b1;border-radius:3px;padding:2px 4px;cursor:pointer;font-weight:650;box-decoration-break:clone;-webkit-box-decoration-break:clone}
#arepo-plus-rich .arepo-plus-hole-token:focus-visible{outline:2px solid #168b8d;outline-offset:2px}
#arepo-plus-hole-panel{margin:14px 0;padding:18px;border:1px solid #cbdedc;border-radius:10px;background:#f8fbfb}
#arepo-plus-hole-panel[hidden]{display:none!important}
#arepo-plus-hole-panel h4{font-size:19px;margin:0 0 12px}
#arepo-plus-hole-panel label{font-size:16px}
#arepo-plus-hole-panel .arepo-plus-row{justify-content:flex-end;margin-top:12px}
#plus-hole-error{color:#a34a58;font-weight:650}
@media(max-width:700px){#arepo-plus-rich{padding:14px;font-size:17px}}

/* v0.1.3 : lecteur AREPO harmonisé, champs de texte à largeur dynamique */
.arepo-plus-player{font:18px/1.6 Dosis,system-ui,sans-serif;color:#1a3438;max-width:100%;min-width:0}
.arepo-plus-player-header{padding:0 0 15px;margin-bottom:18px;border-bottom:1px solid #dbe9e8}
.arepo-plus-player-kicker{font-size:13px;letter-spacing:.12em;font-weight:750;text-transform:uppercase;color:#168b8d}
.arepo-plus-player-title{font:700 29px/1.25 Dosis,system-ui,sans-serif;color:#193a3b;margin:6px 0 8px}
.arepo-plus-player-instruction{font-size:18px;line-height:1.5;color:#566e72;margin:7px 0 0}
.arepo-plus-player .arepo-plus-passage{font:18px/2.15 Dosis,system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #d8e7e4;border-radius:10px;padding:22px 24px;min-width:0}
.arepo-plus-player .arepo-plus-passage input[type="text"]{box-sizing:border-box!important;display:inline-block!important;width:75px;min-width:75px!important;max-width:100%!important;border:1px solid #9acdc8!important;border-bottom:2px solid #26b6b2!important;border-radius:5px!important;background:#eaf8f6!important;color:#184a4a!important;padding:3px 8px!important;line-height:1.45!important;font:inherit!important;vertical-align:baseline!important;transition:width .08s ease}
.arepo-plus-player .arepo-plus-passage input[type="text"]:focus{outline:2px solid #8bd5d0;outline-offset:1px}
.arepo-plus-player .arepo-plus-actions{justify-content:flex-start;gap:10px}
.arepo-plus-player .arepo-plus-actions button{font:650 17px/1.3 Dosis,system-ui,sans-serif;background:#f2faf9;color:#176b6b;border:1px solid #b9dedb;border-radius:8px;padding:9px 17px;box-shadow:none}
.arepo-plus-player .arepo-plus-actions button.primary{background:#d8f3ef;color:#135d5b;border-color:#77ccc6}
.arepo-plus-player .arepo-plus-actions button:hover{background:#e1f5f2}
.arepo-plus-preview{background:rgba(20,44,48,.44);padding:3vh 2vw}
.arepo-plus-preview>section{background:#f8faf9;max-width:1050px;margin:0 auto;border:1px solid #d9e8e5;border-radius:12px;padding:22px 28px 34px;box-shadow:0 20px 65px rgba(0,0,0,.16)}
.arepo-plus-preview>section>button:first-child{display:block;margin:0 0 20px auto;font-size:14px;padding:7px 12px;background:transparent;border-color:#cbdedc}
.arepo-plus-play .arepo-plus-main{max-width:1050px;background:#f8faf9;border:0;padding:24px}
.arepo-plus-play .arepo-plus-main>h1{font:700 30px/1.25 Dosis,system-ui,sans-serif;color:#193a3b;margin:0 0 16px}
@media(max-width:700px){.arepo-plus-preview>section{padding:14px}.arepo-plus-player .arepo-plus-passage{padding:15px;font-size:17px}.arepo-plus-player-title{font-size:24px}}

/* 0.1.4 : cartes du sélecteur à dimensions cohérentes */
#arepo-exercise-chooser .arepo-exercise-types > a.arepo-plus-choice{opacity:1!important;filter:none!important;pointer-events:auto!important;cursor:pointer!important;min-height:0!important;height:auto!important;padding:15px 17px!important;box-sizing:border-box!important;align-self:stretch!important;background:#fff!important;border:1px solid #d5e7e4!important;border-radius:9px!important;box-shadow:none!important}
#arepo-exercise-chooser .arepo-exercise-types > a.arepo-plus-choice strong{display:block;font:700 18px/1.3 Dosis,sans-serif!important;color:#173f3b!important;margin:0 0 5px!important}
#arepo-exercise-chooser .arepo-exercise-types > a.arepo-plus-choice small{display:block;font:400 15px/1.4 Dosis,sans-serif!important;color:#566d70!important}
.arepo-plus-media{margin:12px 0;padding:12px;border:1px solid #d8e8e5;border-radius:8px;background:#f6fbfa}
.arepo-plus-media-preview{margin-top:10px}.arepo-plus-media-preview img,.arepo-plus-media-preview video{display:block;max-width:100%;max-height:210px;object-fit:contain;border-radius:7px}.arepo-plus-media-preview audio{width:min(100%,420px)}
.arepo-plus-question-media{display:block;max-width:100%;max-height:320px;object-fit:contain;margin:12px auto;border-radius:8px}.arepo-plus-question-player audio.arepo-plus-question-media{width:100%}

/* v0.1.5 : vrais choix actifs, mêmes dimensions que les cartes du Studio */
#arepo-exercise-chooser .arepo-exercise-types > .arepo-plus-choice{
  grid-column:auto!important;grid-row:auto!important;flex:0 1 auto!important;
  width:auto!important;max-width:100%!important;min-width:0!important;
  min-height:90px!important;max-height:130px!important;
  padding:12px 15px!important;opacity:1!important;filter:none!important;
  pointer-events:auto!important;transform:none!important;
}
#arepo-exercise-chooser .arepo-exercise-types > .arepo-plus-choice strong{font-size:16px!important}
#arepo-exercise-chooser .arepo-exercise-types > .arepo-plus-choice small{font-size:14px!important}
.arepo-plus-upload-label{display:inline-flex!important;align-items:center;gap:8px;flex-wrap:wrap;
  border:1px solid #b9dbd8;background:#edf8f7;color:#175f5e;padding:8px 12px;border-radius:8px;
  font:650 16px/1.3 Dosis,sans-serif!important;cursor:pointer}
.arepo-plus-upload-label input[type=file]{width:220px!important;max-width:100%;font-size:13px!important;padding:3px!important}
.arepo-plus-upload-state{font-size:14px;color:#287b62}

/* 0.1.7 : aperçu du média choisi intégré à la carte, jamais en plein écran */
.arepo-plus-question .arepo-plus-media-preview{display:flex;justify-content:center;align-items:center;min-height:0;max-width:100%;overflow:hidden;margin:10px 0 0;border-radius:8px}
.arepo-plus-question .arepo-plus-media-preview img,
.arepo-plus-question .arepo-plus-media-preview video{display:block!important;width:auto!important;height:auto!important;max-width:min(100%,460px)!important;max-height:220px!important;object-fit:contain!important;margin:0 auto!important}
.arepo-plus-question .arepo-plus-media-preview audio{display:block;max-width:100%;width:min(100%,420px)}
.arepo-plus-upload-label{max-width:100%;overflow-wrap:anywhere}

/* 0.1.9 : médiathèque personnelle partagée avec Uchronia */
.arepo-plus-media-veil{position:fixed;inset:0;z-index:2147483550;background:rgba(16,38,43,.48);display:flex;align-items:center;justify-content:center;padding:18px}
.arepo-plus-media-dialog{box-sizing:border-box;width:min(920px,100%);max-height:90vh;overflow:auto;background:#fff;border:1px solid #cbdedb;border-radius:13px;padding:18px;box-shadow:0 18px 65px #0003;font:17px/1.45 Dosis,system-ui,sans-serif;color:#213d40}
.arepo-plus-media-dialog-head,.arepo-plus-media-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.arepo-plus-media-dialog-head strong{font-size:22px}.arepo-plus-media-quota{font-size:15px;color:#4f7374;margin:10px 0}.arepo-plus-media-controls input{flex:1;min-width:160px;max-width:380px}
.arepo-plus-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;max-height:53vh;overflow:auto;margin-top:14px}
.arepo-plus-media-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:0;padding:8px!important;background:#f5faf9!important;border:1px solid #d7e6e4!important;border-radius:9px;cursor:pointer}
.arepo-plus-media-item img,.arepo-plus-media-type{width:100%;height:90px;object-fit:contain;background:#edf5f3;border-radius:6px;display:grid;place-items:center;font-size:35px}
.arepo-plus-media-name{max-width:100%;overflow-wrap:anywhere;font-size:14px;line-height:1.25;text-align:center}.arepo-plus-media-status{color:#24736d;min-height:20px;margin:8px 0}
.arepo-plus-upload-label[hidden]{display:none!important}
@media(max-width:600px){.arepo-plus-media-dialog{padding:12px}.arepo-plus-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 0.2.1 : progression des quiz côté élève, basée sur les questions renseignées. */
.arepo-plus-quiz-progress{margin:12px 0 22px;padding:12px 16px;border:1px solid #d8e9e6;border-radius:9px;background:#f6fbfa}
.arepo-plus-quiz-progress-label{font-size:16px;color:#326b6c;margin:0 0 8px;font-weight:650}
.arepo-plus-quiz-progress-bar{display:block;width:100%;height:9px;accent-color:#35bfc2;border:0;border-radius:20px;overflow:hidden}
.arepo-plus-quiz-progress-bar::-webkit-progress-bar{background:#e0eeec;border-radius:20px}
.arepo-plus-quiz-progress-bar::-webkit-progress-value{background:#35bfc2;border-radius:20px}
.arepo-plus-quiz-progress-bar::-moz-progress-bar{background:#35bfc2;border-radius:20px}

/* 0.2.2 : quiz paginé, une question par carte dans la fenêtre de jeu. */
.arepo-plus-player .arepo-plus-question-player[hidden]{display:none!important}
.arepo-plus-player .arepo-plus-question-player{background:#fff;border:1px solid #d5e6e3;border-radius:12px;padding:22px 24px;margin:14px 0;box-shadow:0 5px 20px rgba(21,65,64,.055);min-height:150px}
.arepo-plus-quiz-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:16px 0 8px}
.arepo-plus-quiz-navigation button{font:650 17px/1.3 Dosis,system-ui,sans-serif;padding:10px 17px;border:1px solid #b9dedb;border-radius:8px;background:#eef8f6;color:#176b6b;cursor:pointer}
.arepo-plus-quiz-navigation .arepo-plus-quiz-next{background:#35bfc2;color:#123739}
.arepo-plus-quiz-navigation button:disabled{opacity:.45;cursor:not-allowed}
.arepo-plus-quiz-navigation button[hidden],.arepo-plus-player .arepo-plus-actions button[hidden]{display:none!important}
.arepo-plus-quiz-position{font:650 16px/1.3 Dosis,system-ui,sans-serif;color:#4d7273}
@media(max-width:600px){.arepo-plus-player .arepo-plus-question-player{padding:15px}.arepo-plus-quiz-navigation{gap:8px}.arepo-plus-quiz-navigation button{padding:9px 12px}}

/* 0.2.3 : choix AREPO et taille de chaque média dans les quiz. */
.arepo-plus-player input[type="radio"],.arepo-plus-player input[type="checkbox"],#arepo-plus-editor[data-type="quiz"] input[type="radio"],#arepo-plus-editor[data-type="quiz"] input[type="checkbox"]{accent-color:#0bb4aa!important}
#arepo-plus-editor .arepo-plus-media-size{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:15px;font-weight:650;margin:12px 0 0}
#arepo-plus-editor .arepo-plus-media-size output{font-size:14px;color:#176b6b;min-width:48px}
#arepo-plus-editor .arepo-plus-media-size input[type="range"]{flex:1 1 170px;max-width:320px;accent-color:#0bb4aa;cursor:pointer}

/* Surclasse les anciennes limites de 220 px imposées à l'aperçu. */
.arepo-plus-question .arepo-plus-media-preview img,.arepo-plus-question .arepo-plus-media-preview video{height:var(--arepo-media-preview-height,320px)!important;max-height:var(--arepo-media-preview-height,320px)!important;max-width:100%!important;width:auto!important;object-fit:contain!important}

/* 0.2.4 : feedback du quiz avant nouvelle tentative. */
.arepo-plus-player .arepo-plus-quiz-wrong-choice{color:#9b3348!important;background:#fff0f2;border:1px solid #e8b1bd;border-radius:6px;padding:5px 8px!important;font-weight:650!important}
.arepo-plus-player .arepo-plus-quiz-needs-retry{border-color:#df91a1!important}
.arepo-plus-player .arepo-plus-quiz-retry{margin:14px 0 2px;padding:11px 13px;background:#fff5f6;border-left:3px solid #cc667b;border-radius:5px;color:#82364a;font-weight:650;white-space:pre-wrap}
.arepo-plus-player .arepo-plus-quiz-retry[hidden]{display:none!important}

/* 0.2.5 : correction finale, sans seconde tentative */
.arepo-plus-player .arepo-plus-question-player{padding:24px!important}
.arepo-plus-player .arepo-plus-question-title{font:700 19px/1.4 Dosis,system-ui,sans-serif;margin:0 0 20px;color:#1b3b40}
.arepo-plus-player input[type="radio"],.arepo-plus-player input[type="checkbox"]{accent-color:#0bb4aa!important}
.arepo-plus-player .arepo-plus-quiz-navigation button,
.arepo-plus-player:has(.arepo-plus-quiz-navigation) .arepo-plus-actions button,
.arepo-plus-player .arepo-plus-actions button{
 font:650 15px/1.3 Dosis,system-ui,sans-serif!important;
 padding:8px 14px!important;border:1px solid #b9dedb!important;border-radius:8px!important;
 background:#f2faf9!important;color:#176b6b!important;box-shadow:none!important;text-transform:none!important;
}
.arepo-plus-player .arepo-plus-quiz-navigation button:hover:not(:disabled),
.arepo-plus-player .arepo-plus-actions button:hover:not(:disabled){background:#e1f5f2!important}
.arepo-plus-player .arepo-plus-quiz-report{margin:20px 0 4px;outline:none;max-height:min(72vh,900px);overflow-y:auto;padding:6px 8px 12px 0}
.arepo-plus-player .arepo-plus-report-title{font:700 23px/1.3 Dosis,system-ui,sans-serif;margin:0 0 8px;color:#1c4949}
.arepo-plus-player .arepo-plus-report-intro{font-weight:650;margin:0 0 16px}
.arepo-plus-player .arepo-plus-report-card{border:1px solid #d6e7e4;border-left:4px solid #3c9f82;background:#fff;border-radius:9px;padding:17px 19px;margin:0 0 13px}
.arepo-plus-player .arepo-plus-report-card.is-wrong{border-left-color:#c85470;background:#fffafb}
.arepo-plus-player .arepo-plus-report-question{font:700 18px/1.4 Dosis,system-ui,sans-serif;margin:0 0 9px}
.arepo-plus-player .arepo-plus-report-card p{margin:6px 0;white-space:pre-wrap}
.arepo-plus-player .arepo-plus-report-status,.arepo-plus-player .arepo-plus-report-chosen.is-correct{color:#237453;font-weight:700}
.arepo-plus-player .arepo-plus-report-card.is-wrong .arepo-plus-report-status,.arepo-plus-player .arepo-plus-report-chosen.is-wrong{color:#a43852;font-weight:700}
.arepo-plus-player .arepo-plus-report-answer{color:#236d5c;font-weight:700}
.arepo-plus-player .arepo-plus-report-explanation{background:#edf8f6;border-radius:6px;padding:10px 12px;margin-top:12px!important;color:#285c5a}
.arepo-plus-player .arepo-plus-actions[hidden],.arepo-plus-player .arepo-plus-quiz-navigation[hidden],.arepo-plus-player .arepo-plus-feedback[hidden]{display:none!important}
@media(max-width:600px){.arepo-plus-player .arepo-plus-question-player{padding:17px!important}.arepo-plus-player .arepo-plus-quiz-report{max-height:75vh}}
