*{box-sizing:border-box}[hidden]{display:none!important}html{background:#140e1a}body{color:#fff4e0;font-variant-ligatures:none;background:radial-gradient(90% 50% at 50% 0,#ffaa5a2e,#0000 70%),linear-gradient(#2a1d36,#140e1a 60%);min-height:100vh;margin:0;padding:0 16px 40px;font-family:Pixelify Sans,system-ui,sans-serif;font-size:17px;line-height:1.4}code{color:#ffd27a;font-family:ui-monospace,Menlo,monospace;font-size:.85em}.entete{max-width:1100px;margin:0 auto;padding:28px 0 8px}.entete h1{color:#ffd27a;text-shadow:0 3px #6a3a14;margin:0 0 6px;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.entete p{color:#e9d6b8;margin:0 0 14px}.filtres{flex-wrap:wrap;gap:8px;display:flex}.filtres a{color:#ffd27a;border:1px solid #ffd27a66;border-radius:999px;padding:5px 12px;text-decoration:none}.filtres a:hover{background:#ffd27a1f}.filtres a[aria-current=page]{color:#2a1a10;background:#ffd27a;border-color:#ffd27a}.filtres a:last-child{border-color:#0000;margin-left:auto}main{max-width:1100px;margin:0 auto}h2{color:#ffd27a;margin:26px 0 12px;font-size:1.5rem}.grille{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;display:grid}.perso{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px 10px}.perso h3{margin:0 0 8px;font-size:1.2rem;line-height:1.1}.perso small{color:#c8b8a8;margin-top:2px;font-size:.75rem;font-weight:500;display:block}.styles{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.styles figure{text-align:center;margin:0}.styles canvas{aspect-ratio:1;object-fit:contain;background:radial-gradient(circle,#ffecbe38,#ffecbe00 68%);border-radius:50%;width:100%;display:block}.styles figure[data-style=pixel] canvas{image-rendering:pixelated;border-radius:0;padding:14%}.styles figcaption{color:#a8988c;margin-top:2px;font-size:.75rem}.ateliers{width:640px;height:400px;position:fixed;top:0;left:-10000px;overflow:hidden}@media (width<=400px){.grille{grid-template-columns:1fr}.filtres a:last-child{margin-left:0}}.entete,.choix,.atelier,.tour{max-width:1500px}.entete p{max-width:900px}.choix{flex-wrap:wrap;align-items:end;gap:8px 12px;margin:6px auto 12px;display:flex}.choix-liste{color:#c8b8a8;flex-direction:column;gap:2px;font-size:.8rem;display:flex}.choix-liste select,.panneau button{font:inherit;color:#fff4e0;background:#2a1d36;border:1px solid #ffd27a59;border-radius:8px;padding:5px 8px;font-size:.9rem}.choix-case{align-items:center;gap:6px;padding-bottom:6px;display:flex}.choix-case input{accent-color:#ffb547;width:1.1em;height:1.1em}.choix select:focus-visible,.panneau button:focus-visible,.panneau input:focus-visible{outline-offset:2px;outline:3px solid #ffd27a}.atelier{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;margin:0 auto;display:grid}.vue{aspect-ratio:16/10;background:#000;border:1px solid #ffffff1f;border-radius:10px;position:relative;overflow:hidden}.vue canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.vue .zebrures{z-index:2;pointer-events:none}.mesures{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:center;gap:6px 14px;margin-top:10px;display:grid}.mesure{background:#ffffff0d;border-radius:8px;justify-content:space-between;gap:8px;margin:0;padding:4px 10px;display:flex}.mesure span{color:#c8b8a8}.mesure.attention{background:#ffb43c2e}.mesure.trop{background:#ff463247}.histogramme{width:100%;max-width:256px;height:56px;image-rendering:pixelated;background:#0000004d;border-radius:6px}.legende-histo{color:#a8988c;margin:0;font-size:.75rem}.panneau{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;max-height:calc(100vh - 20px);padding:12px 14px;position:sticky;top:10px;overflow:auto}.panneau h2{margin:0 0 10px;font-size:1.15rem}.reglage{grid-template-columns:1fr 1fr 3.4em;align-items:center;gap:6px;margin-bottom:6px;font-size:.82rem;display:grid}.reglage .nom{color:#e9d6b8;line-height:1.15}.reglage input[type=range]{accent-color:#ffb547;width:100%}.reglage input[type=color]{background:0 0;border:1px solid #fff3;border-radius:6px;width:100%;height:24px;padding:0}.reglage output{font-variant-numeric:tabular-nums;color:#c8b8a8;text-align:right;font-size:.75rem;overflow:hidden}.groupe{border:1px solid #ffd27a33;border-radius:8px;margin:4px 0 10px;padding:6px 8px 2px}.groupe legend{color:#ffd27a;padding:0 4px;font-size:.82rem}.actions{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.panneau button{cursor:pointer;background:#ffffff14}.panneau button:hover{background:#ffd27a29}.panneau button.principal{color:#2a1a10;background:#ffd27a;border-color:#ffd27a}.note,.etat-enregistrement{color:#c8b8a8;margin:8px 0 0;font-size:.8rem}.etat-enregistrement.erreur{color:#ffb0a0}.tour{margin:20px auto 0}.resultats{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.85rem}.resultats th{text-align:left;color:#c8b8a8;padding:4px 8px;font-weight:500}.resultats td{border-top:1px solid #ffffff14;padding:4px 8px}.resultats td.attention{background:#ffb43c2e}.resultats td.trop{background:#ff463247}@media (width<=900px){.atelier{grid-template-columns:1fr}.panneau{max-height:none;position:static}}