:root{font-family:Arial,sans-serif;color:#172e49;background:#f3f7fc;font-size:18px;--blue:#205fc0;--yellow:#fff1b3;--green:#d7f0df;--pink:#fce0dc}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{min-height:52px}button{cursor:pointer;border:2px solid #cad7e6;border-radius:15px;background:white;color:inherit;padding:12px 20px;font-weight:600}button:hover{border-color:#205fc0;background:#f0f6ff}button:focus-visible,select:focus-visible,input:focus-visible{outline:4px solid #173e96;outline-offset:4px}button:disabled{opacity:.5;cursor:default}header{background:white;border-bottom:1px solid #dce4ee;padding:18px max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:13px;align-items:center}.mark{background:#205fc0;color:white;padding:12px;border-radius:14px;font-size:24px}.brand strong{display:block;font-size:22px}.brand small{color:#51657d;font-size:14px}main{max-width:1120px;margin:26px auto;padding:0 20px}h1{font-size:30px;margin:0 0 8px}h2{font-size:23px;margin:0 0 16px}p{line-height:1.5}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.muted{color:#51657d}.modebar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.modebar button[aria-pressed=true]{background:#173e79;color:white;border-color:#173e79}.panel{border:1px solid #dce4ee;background:white;border-radius:24px;padding:26px;margin-bottom:20px}.model{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e8f0fd}.modelcards{display:flex;gap:12px;align-items:center}.mini{width:110px;text-align:center;background:white;border:1px solid #cdd9e8;border-radius:13px;padding:8px;font-size:15px;font-weight:bold}.mini img{width:70px;height:70px;object-fit:contain;display:block;margin:auto}.sentence{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.slot{width:100%;min-height:180px;border:3px dashed #a4b5c9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-size:23px}.slot img{width:115px;height:115px;object-fit:contain}.slot.active{outline:4px solid #205fc0;outline-offset:3px}.slot.filled{border-style:solid}.who{background:var(--yellow)}.verb{background:var(--green)}.object{background:var(--pink)}.slotlabel{font-size:16px;font-weight:bold;margin:0 0 10px;display:flex;gap:8px;align-items:center}.number{display:inline-grid;place-items:center;background:#173e79;color:white;border-radius:50%;width:26px;height:26px;font-size:14px}.choices{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:16px}.choice{min-height:200px;font-size:23px;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center}.choice img{width:125px;height:125px;object-fit:contain}.choice[aria-pressed=true]{border:4px solid #205fc0;background:#edf4ff}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px}.primary{background:#205fc0;color:white;border-color:#205fc0}.primary:hover{background:#174b9c;color:white}.message{font-size:21px;font-weight:bold;min-height:32px;margin:16px 0 0}.fullphrase{font-size:26px;margin:18px 0 0;font-weight:bold}.quiet{font-weight:normal;background:transparent}.settings{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:9px}select,input{width:100%;border:2px solid #b9c8da;border-radius:10px;padding:12px;background:white;color:#172e49}input[type=checkbox]{width:24px;height:24px}.check{display:flex;align-items:center;gap:12px;margin:16px 0}.help{font-size:16px;line-height:1.6}.exercise-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exercise-list button{text-align:left;font-weight:normal}.exercise-list button[aria-current=true]{border-color:#205fc0;background:#e8f0fd}footer{max-width:1120px;margin:30px auto;padding:0 20px 20px;font-size:14px;color:#51657d;line-height:1.6}a{color:#164d9f}dialog{border:1px solid #b9c8da;border-radius:20px;max-width:850px;width:94%;padding:26px;max-height:90vh}dialog::backdrop{background:#142c4c88}[hidden]{display:none!important}.divider{border:0;border-top:1px solid #dae3ed;margin:24px 0}.closehead{display:flex;align-items:center;justify-content:space-between;gap:15px}.fileinput{font-size:16px}.notice{padding:12px;background:#fff1b3;border-radius:10px}.progress{height:8px;background:#e0e8f3;border-radius:5px;overflow:hidden;margin-top:10px}.progress div{height:100%;background:#205fc0}.celebrate{background:#e4f5eb;color:#175139;border-radius:12px;padding:12px}.nolabel .choice span,.nolabel .slot .word,.nolabel .mini span{display:none}@media(max-width:700px){:root{font-size:16px}header{padding:14px}.brand strong{font-size:18px}.brand small{display:none}main{padding:0 12px;margin-top:18px}.top{align-items:flex-start;flex-direction:column;gap:8px}.panel{padding:18px 12px;border-radius:18px}.model{flex-direction:column;align-items:flex-start}.modelcards{gap:8px;width:100%;justify-content:center}.mini{width:30%;font-size:14px}.mini img{width:60px;height:60px}.sentence{gap:10px}.slot{min-height:135px;font-size:17px;padding:10px 3px}.slot img{width:80px;height:80px}.slotlabel{font-size:14px}.number{display:none}.choices{grid-template-columns:repeat(2,1fr)}.choice{min-height:172px;font-size:21px}.choice img{width:105px;height:105px}.settings,.exercise-list{grid-template-columns:1fr}.fullphrase{font-size:23px}h1{font-size:26px}.mark{padding:8px}header button{padding:8px 12px}.slot.active{outline-width:3px;outline-offset:1px}}@media print{header,.modebar,.choices,.actions,footer,#pickTitle,#modelListen{display:none}body{background:white}.panel{break-inside:avoid}}
:root{--article:#e6eafb}.scene-workspace{display:grid;grid-template-columns:minmax(240px, .9fr) minmax(0,1.4fr);gap:28px}.scene-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.scene-heading h2{margin:0}.scene-heading .muted{font-size:14px}.scene-zoom{padding:0;width:100%;background:white;border:1px solid #dce4ee;margin:18px 0 12px;overflow:hidden}.scene-zoom img{width:100%;height:270px;object-fit:contain;display:block}.scene-picture>button:last-child{width:100%}.scene-vocabulary{min-width:0}.level-label{font-size:14px;display:flex;flex-direction:column;gap:4px}.level-label select{font-size:16px;min-height:44px;padding:8px}.scene-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bank-item{min-width:0}.word-tile{width:100%;padding:10px 5px;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:21px}.word-tile:disabled{opacity:.2}.tile-art{height:85px;display:flex;justify-content:center;align-items:center;width:100%;gap:2px}.tile-art img{height:85px;width:90%;object-fit:contain}.tile-art.pair img{width:46%;height:75px}.article-symbol{font-size:40px;color:#5565b6;letter-spacing:4px}.article{background:var(--article)}.article-label{font-weight:bold}.word-sound{width:100%;font-size:14px;min-height:40px;padding:7px;border:0;background:transparent}.scene-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.scene-slots:has(>.word-slot:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.word-slot{padding:10px 4px;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:22px}.word-slot.empty{border:2px dashed #a5b5c9;opacity:1;background:#f8faff}.slot-index{font-size:34px;color:#637994}.scene-navigation{display:flex;justify-content:space-between;gap:15px;margin-top:24px;border-top:1px solid #dde5ef;padding-top:18px}.scene-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.scene-choice{display:flex;flex-direction:column;gap:12px;font-size:17px}.scene-choice img{width:100%;height:150px;object-fit:contain}.nolabel .word-tile .word,.nolabel .word-slot .word{display:none}.scene-bank .who,.scene-slots .who{background:var(--yellow)}@media(max-width:900px){.scene-workspace{grid-template-columns:1fr}.scene-zoom img{height:240px}.scene-bank{grid-template-columns:repeat(5,minmax(0,1fr))}.word-tile{font-size:18px}.tile-art{height:70px}.tile-art img{height:70px}.scene-slots{gap:8px}.word-slot{font-size:18px}}@media(max-width:540px){.scene-bank{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-heading{align-items:flex-start}.scene-list{grid-template-columns:1fr}.scene-choice img{height:170px}.word-slot{min-height:130px}.scene-navigation button{font-size:15px;padding:10px}.scene-zoom img{height:215px}.scene-heading h2{font-size:21px}}@media print{.scene-vocabulary,.scene-navigation,#sceneSolution{display:none}.scene-workspace{display:block}.scene-slots{grid-template-columns:repeat(5,1fr)}}
.catalogue-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 12px}.scene-card-number{font-size:13px;font-weight:normal;color:#51657d}.scene-choice{justify-content:flex-start}.scene-choice span:last-child{line-height:1.45}#sceneThemeLabel{margin:6px 0 12px}#scenesDialog{max-width:1000px}@media(max-width:540px){.catalogue-filters{grid-template-columns:1fr}.scene-card-number{font-size:14px}}

/* Comparer deux images : mêmes cadres, mêmes dimensions, aucun mot-indice. */
.comparison-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:0 0 22px}.comparison-controls label{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.comparison-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.comparison-images>div{border:3px solid #c5d3e5;border-radius:20px;background:#fff;padding:18px;display:grid;place-items:center;min-width:0}.comparison-images img{width:100%;height:clamp(150px,30vw,310px);object-fit:contain}.comparison-answers{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}.comparison-answers button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:clamp(20px,3vw,30px);min-height:115px;border:3px solid #205fc0}.comparison-answers span{font-size:32px;letter-spacing:8px;color:#205fc0}.comparison-answers button.comparison-correct{background:#d7f0df;border-color:#207345;opacity:1}.comparison-answers button:disabled{opacity:.65}@media(max-width:540px){.comparison-images,.comparison-answers{gap:12px}.comparison-images>div{padding:8px}.comparison-controls select{max-width:100%}.comparison-answers button{padding:10px 4px}.comparison-controls{gap:12px}}