:root{--fond: #f6f4fb;--carte: #ffffff;--bord: #ddd6ee;--texte: #2a2438;--discret: #6f6788;--accent: #7c4dff;--accent-texte: #ffffff;--survol: #efe9ff;--erreur: #c62853;--sortie-fond: #1e1a2b;--sortie-texte: #f3eefc;font-family:Segoe UI,system-ui,"Apple Color Emoji","Segoe UI Emoji",sans-serif;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--fond: #17141f;--carte: #221e2e;--bord: #3a3450;--texte: #eee9f8;--discret: #a59cc0;--accent: #9a7bff;--accent-texte: #17141f;--survol: #2f2945;--erreur: #ff7a9c;--sortie-fond: #100e17}}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--texte)}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{max-width:1280px;margin:0 auto;padding:12px 16px 24px;display:flex;flex-direction:column;gap:12px}.entete{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.entete h1{margin:0;font-size:1.4rem}.actions{display:flex;gap:8px;flex-wrap:wrap}.bouton{border:1px solid var(--bord);background:var(--carte);border-radius:8px;padding:7px 14px}.bouton:hover:not(:disabled){background:var(--survol)}.bouton.primaire{background:var(--accent);color:var(--accent-texte);border-color:var(--accent);font-weight:600}.bouton.primaire:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}.bouton:disabled{opacity:.55}.bouton.discret{border-color:transparent;background:transparent}.info{background:var(--survol);border:1px solid var(--bord);border-radius:8px;padding:6px 12px;display:flex;gap:12px;align-items:center}.lien{border:0;background:none;color:var(--accent);text-decoration:underline;padding:0}.principal{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:12px;align-items:start}.colonne-code{display:flex;flex-direction:column;gap:12px;min-width:0}.editeur{display:flex;height:300px;border:1px solid var(--bord);border-radius:10px;background:var(--carte);overflow:hidden;font-size:1.35rem;line-height:1.7}.marge{overflow:hidden;padding:10px 8px;text-align:right;color:var(--discret);font:.8rem/2.1rem ui-monospace,Consolas,monospace;background:var(--fond);border-right:1px solid var(--bord);min-width:36px;-webkit-user-select:none;user-select:none}.marge div{height:2.3rem;line-height:2.3rem}.editeur textarea{flex:1;min-width:0;border:0;resize:none;padding:10px 12px;background:transparent;color:var(--texte);font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:1.35rem;line-height:2.3rem;white-space:pre;overflow:auto;caret-color:var(--accent)}.editeur textarea:focus{outline:none}.editeur:focus-within{border-color:var(--accent)}.sortie-bloc{display:flex;flex-direction:column;gap:6px}.titre-sortie{margin:0;font-size:.95rem;color:var(--discret);font-weight:600}.saisie summary{cursor:pointer;color:var(--discret);font-size:.9rem}.saisie textarea{width:100%;margin-top:6px;border:1px solid var(--bord);border-radius:8px;padding:6px 10px;background:var(--carte);color:var(--texte);font-size:1.1rem}.sortie{margin:0;min-height:90px;max-height:260px;overflow:auto;background:var(--sortie-fond);color:var(--sortie-texte);border-radius:10px;padding:12px 14px;font:1.05rem/1.6 "Segoe UI Emoji","Apple Color Emoji",ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.sortie.erreur{box-shadow:inset 3px 0 0 var(--erreur)}.sortie .aide{color:#a59cc0}.sortie .stderr{color:#ff9db6}.catalogue{border:1px solid var(--bord);border-radius:10px;background:var(--carte);padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}.recherche{width:100%;border:1px solid var(--bord);border-radius:8px;padding:7px 10px;background:var(--fond);color:var(--texte);font:inherit}.onglets{display:flex;flex-wrap:wrap;gap:4px}.onglet{border:1px solid var(--bord);background:transparent;border-radius:999px;padding:3px 10px;font-size:.85rem}.onglet:hover{background:var(--survol)}.onglet.actif{background:var(--accent);color:var(--accent-texte);border-color:var(--accent)}.liste{max-height:330px;overflow:auto;display:flex;flex-direction:column;gap:8px}.structures{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.structure{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--bord);background:var(--fond);border-radius:8px;padding:6px 8px;font-size:.85rem}.structure:hover{background:var(--survol);border-color:var(--accent)}.structure .emoji{font-size:1.1rem}.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:4px}.cellule{border:1px solid var(--bord);background:var(--fond);border-radius:8px;font-size:1.5rem;line-height:1;padding:7px 0}.cellule:hover{background:var(--survol);border-color:var(--accent)}.vide{grid-column:1 / -1;color:var(--discret);margin:6px 0}.detail{display:flex;align-items:center;gap:12px;min-height:58px;padding:6px 8px;border-top:1px solid var(--bord);font-size:.9rem}.detail .grand{font-size:2rem}.detail .aide{color:var(--discret);font-size:.85rem}.pad{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;border:1px solid var(--bord);border-radius:10px;background:var(--carte);padding:12px;overflow-x:auto}.clavier,.pave{display:flex;flex-direction:column;gap:5px}.rangee{display:flex;gap:5px}.touche{position:relative;width:46px;height:46px;border:1px solid var(--bord);border-radius:8px;background:var(--fond);padding:0;display:grid;place-items:center;flex:none}.touche:hover:not(:disabled){background:var(--survol);border-color:var(--accent)}.touche.active{background:var(--accent);color:var(--accent-texte)}.touche .emoji{font-size:1.4rem;line-height:1}.touche .legende{position:absolute;right:4px;bottom:1px;font-size:.62rem;color:var(--discret)}.touche.vide{opacity:.45}.touche.vide .emoji{font-size:1rem;color:var(--discret)}.touche.large{width:60px}.touche.espace{width:200px}.voile{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#0f0a1e8c;display:grid;place-items:center;padding:16px}.tuto{width:min(640px,100%);max-height:90vh;overflow:auto;background:var(--carte);border:1px solid var(--bord);border-radius:14px;padding:18px 22px;line-height:1.55}.tuto header{display:flex;justify-content:space-between;align-items:center}.tuto h2{margin:0;font-size:1.1rem}.tuto h3{margin:14px 0 6px;font-size:1.25rem}.compteur{color:var(--discret);font-weight:400;font-size:.9rem;margin-left:8px}.points{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.point{width:12px;height:12px;border-radius:50%;border:1px solid var(--bord);background:var(--fond);padding:0}.point.actif{background:var(--accent);border-color:var(--accent)}.exemple{border:1px solid var(--bord);border-radius:10px;padding:10px 12px;background:var(--fond);margin:12px 0}.exemple pre{margin:0;white-space:pre-wrap;word-break:break-word;font:1.2rem/1.8 "Segoe UI Emoji","Apple Color Emoji",sans-serif}.attendu{margin-top:6px;padding-top:6px;border-top:1px dashed var(--bord);color:var(--discret);font-size:.9rem}.attendu pre{font-size:1rem;line-height:1.5;color:var(--texte)}.exemple .actions{margin-top:10px}.note{color:var(--discret);font-style:italic}.tuto footer{display:flex;justify-content:space-between;margin-top:14px}@media (max-width: 860px){.principal{grid-template-columns:minmax(0,1fr)}.editeur{height:240px}.touche{width:38px;height:40px}.touche.large{width:50px}.touche.espace{width:120px}.touche .emoji{font-size:1.15rem}}.marge .avertissement{color:#b7791f;font-weight:700;background:#e0a8002e}.marge .erreur{color:var(--erreur);font-weight:700;background:#c628532e}.problemes{list-style:none;margin:0;padding:8px 12px;border:1px solid #d9a521;border-radius:8px;background:#e0a8001f;font-size:.9rem;display:flex;flex-direction:column;gap:3px}.lien.aller{align-self:flex-start}.etat{font-weight:400}.sortie .reponse{color:#9fe0b5}.reponse-ligne{display:flex;gap:8px}.reponse-ligne input{flex:1;min-width:0;border:1px solid var(--accent);border-radius:8px;padding:7px 10px;background:var(--carte);color:var(--texte);font:inherit}.touche .pastille{position:absolute;left:3px;top:1px;font-size:.6rem}