:root{--fond: #131315;--surface: #1c1c1f;--bordure: #2a2a2e;--texte: #e8e8ea;--attenue: #9a9aa2;--accent: #5b8def;--erreur: #ef5b5b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--texte);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.centre{display:grid;place-items:center;min-height:100vh;padding:1rem}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:12px;padding:2rem;width:min(360px,100%);display:grid;gap:1rem}.carte h1{margin:0;font-size:1.4rem}label{display:grid;gap:.35rem;font-size:.85rem;color:var(--attenue)}input,button{font:inherit;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--bordure);background:#232327;color:var(--texte)}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{cursor:pointer;background:var(--accent);border-color:transparent;font-weight:600}button:disabled{opacity:.6;cursor:progress}button.discret{background:transparent;border-color:var(--bordure);font-weight:400}.aide{color:var(--attenue);font-size:.82rem;margin:0}.erreur{color:var(--erreur);font-size:.85rem;margin:0}header{position:sticky;top:0;display:flex;gap:.75rem;align-items:center;padding:.75rem 1rem;background:var(--fond);border-bottom:1px solid var(--bordure)}header #q{flex:1}.bascule{flex-direction:row;align-items:center;gap:.35rem;white-space:nowrap}main{display:flex;gap:1rem;padding:1rem;align-items:flex-start}.grille{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.carte-resultat{background:var(--surface);border:1px solid var(--bordure);border-radius:10px;overflow:hidden;cursor:pointer;display:grid;grid-template-rows:130px auto}.carte-resultat:hover{border-color:var(--accent)}.carte-resultat img{width:100%;height:130px;object-fit:cover;display:block}.carte-resultat .sans-image{display:grid;place-items:center;font-size:2rem;background:#232327}.carte-resultat .legende{padding:.5rem;font-size:.8rem}.carte-resultat .nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carte-resultat .score{color:var(--accent);font-size:.75rem}aside{width:min(340px,40vw);position:sticky;top:4rem;background:var(--surface);border:1px solid var(--bordure);border-radius:10px;padding:1rem;display:grid;gap:.6rem}aside img{width:100%;border-radius:6px}aside .chemin{font-size:.78rem;color:var(--attenue);word-break:break-all}aside .ocr{font-size:.8rem;max-height:30vh;overflow:auto;white-space:pre-wrap;border-top:1px solid var(--bordure);padding-top:.6rem}.vide{color:var(--attenue);padding:2rem;text-align:center}@media(max-width:700px){main{flex-direction:column}aside{width:100%;position:static}}