*{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}}.atelier{grid-template-columns:minmax(0,1fr) 390px}.bande-textures{flex-wrap:wrap;gap:8px 20px;max-width:1500px;margin:4px auto 6px;display:flex}.famille{flex-direction:column;gap:4px;display:flex}.nom-famille{color:#c8b8a8;font-size:.75rem}.vignettes{flex-wrap:wrap;gap:6px;display:flex}.vignette{width:76px;font:inherit;color:#e9d6b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:5px 3px 4px;font-size:.68rem;line-height:1.1;display:flex;position:relative}.vignette canvas{width:48px;height:48px;image-rendering:pixelated;border-radius:3px}.vignette:hover{background:#ffd27a1f}.vignette[aria-pressed=true]{color:#fff4e0;background:#ffd27a2e;border-color:#ffd27a}.vignette:focus-visible{outline-offset:2px;outline:3px solid #ffd27a}.vignette.modifiee:after{content:"";background:#ffd27a;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.bouton-avant{font:inherit;color:#fff4e0;cursor:pointer;background:#2a1d36;border:1px solid #ffd27a59;border-radius:8px;margin-bottom:1px;padding:5px 10px;font-size:.9rem}.bouton-avant[aria-pressed=true]{color:#2a1a10;background:#ffd27a;border-color:#ffd27a}.bouton-avant:focus-visible{outline-offset:2px;outline:3px solid #ffd27a}.info-vue{color:#c8b8a8;margin:6px 0 0;font-size:.8rem}.apercus{flex-wrap:wrap;align-items:end;gap:14px;margin-top:12px;display:flex}.apercus figure{margin:0}.apercus canvas{max-width:100%;image-rendering:pixelated;border:1px solid #ffffff1f;border-radius:6px;display:block}.apercus figcaption{color:#c8b8a8;margin-top:4px;font-size:.78rem}.legende-mesures{color:#a8988c;grid-column:1/-1;margin:0;font-size:.75rem}.recette h3{color:#ffd27a;margin:12px 0 6px;font-size:.95rem;font-weight:500}.recette .aide{color:#a8988c;margin:0 0 6px;font-size:.72rem;line-height:1.3}.rampe{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;display:flex}.nom-rampe{color:#e9d6b8;min-width:4.6em;font-size:.8rem}.rampe input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:5px;width:30px;height:24px;padding:0}.panneau button.petit{padding:1px 8px;font-size:.85rem;line-height:1.4}.couche{position:relative}.outils-couche{gap:3px;display:flex;position:absolute;top:-12px;right:6px}.reglage select,.reglage input:not([type]),.ajout-couche select{width:100%;font:inherit;color:#fff4e0;background:#2a1d36;border:1px solid #ffd27a59;border-radius:6px;padding:3px 6px;font-size:.8rem}.ajout-couche{gap:6px;margin:2px 0 10px;display:flex}.ajout-couche select{flex:1;width:auto}.recette .choix-case{padding:2px 0;font-size:.82rem}.bande-modeles{flex-wrap:wrap;gap:8px 20px;max-width:1500px;margin:4px auto 6px;display:flex}.bande-modeles .vignette{width:64px}.bande-modeles .vignette canvas{width:40px;height:40px}.trio{background:#ffffff08;border-radius:10px;gap:2px;padding:2px;display:flex}.socle-icone{place-items:center;width:40px;height:40px;display:grid}.socle-icone:before{content:"";background:#b4ac9c;border-radius:50%;width:30px;height:14px;box-shadow:inset 0 -4px #7a7468,0 0 0 2px #24161c}.vue .silhouette{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.filtres-svg{width:0;height:0;position:absolute;overflow:hidden}.mesures-modele{margin-top:10px}.mesures-modele table{border-collapse:collapse;width:100%;font-size:.82rem}.mesures-modele th,.mesures-modele td{text-align:left;border-bottom:1px solid #ffffff14;padding:4px 8px}.mesures-modele th{color:#ffd27a;font-weight:500}.mesures-modele td{font-variant-numeric:tabular-nums;color:#e9d6b8}.mesures-modele td.attention{background:#ffb43c2e}.mesures-modele td.trop{background:#ff463247}.mesures-modele .ressemble{color:#e9d6b8;margin:8px 0 0;font-size:.82rem}.mesures-modele .ressemble.attention{color:#ffd08a}.mesures-modele .ressemble.trop{color:#ffb0a0}.apparence .aide{color:#a8988c;margin:0 0 6px;font-size:.72rem;line-height:1.3}.apparence .defaut{color:#a8988c;font-size:.7rem}.tableau-tour{margin-top:12px;overflow-x:auto}.tableau-tour table{border-collapse:collapse;font-size:.75rem}.tableau-tour th,.tableau-tour td{text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff14;padding:3px 6px}.tableau-tour th:first-child,.tableau-tour td:first-child{text-align:left}.tableau-tour td.attention{background:#ffb43c2e}.tableau-tour td.trop{background:#ff463247}