:root{--fond-haut:#ffe9cf;--fond-bas:#ffd9ad;--encre:#4a2e14;--encre-douce:#7d5a38;--panneau:#fffaf3;--bord:#eeD9bd;--accent:#d97a1f;--accent-fonce:#b35f10;--rouille:#a34a1c}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Segoe UI,Trebuchet MS,Arial,sans-serif;color:var(--encre);background:linear-gradient(180deg,var(--fond-haut) 0,var(--fond-bas) 100%);min-height:100vh}.feuilles{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.feuilles span{position:absolute;top:-6vh;opacity:.75;animation-name:chute;animation-timing-function:linear;animation-iteration-count:infinite;filter:drop-shadow(0 2px 2px rgba(90,50,10,.15))}@keyframes chute{0%{transform:translateY(-6vh) translateX(0) rotate(0deg)}25%{transform:translateY(24vh) translateX(34px) rotate(80deg)}50%{transform:translateY(52vh) translateX(-26px) rotate(170deg)}75%{transform:translateY(80vh) translateX(22px) rotate(260deg)}to{transform:translateY(112vh) translateX(-12px) rotate(350deg)}}@media (prefers-reduced-motion:reduce){.feuilles span{animation:none;display:none}}.page{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:28px 20px 60px}.entete{text-align:center;margin-bottom:26px}.marque-treeway{position:absolute;top:4px;left:22px;z-index:2;font-size:30px;letter-spacing:-.055em;line-height:1.15;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(1.5px 0 0 #f0e3cc) drop-shadow(-1.5px 0 0 #f0e3cc) drop-shadow(0 1.5px 0 #f0e3cc) drop-shadow(0 -1.5px 0 #f0e3cc) drop-shadow(0 4px 8px rgba(90,50,10,.35));transition:transform .2s}.marque-treeway:hover{transform:scale(1.06)}.marque-treeway .lettre{display:inline-block;filter:drop-shadow(1.2px 0 0 #000) drop-shadow(-1.2px 0 0 #000) drop-shadow(0 1.2px 0 #000) drop-shadow(0 -1.2px 0 #000)}.marque-treeway .cap{font-size:1.28em}.marque-treeway .tree{color:#ff1e14;-webkit-text-stroke:.05em #ff1e14;paint-order:stroke fill}.marque-treeway .way{color:#1e7a2e;-webkit-text-stroke:.05em #1e7a2e;paint-order:stroke fill}.palette-symboles{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.palette-symboles button{width:34px;height:34px;border:1px solid var(--bord);background:#fff;border-radius:9px;font-size:17px;color:var(--encre);cursor:pointer;line-height:1}.palette-symboles button:hover{border-color:var(--accent);background:#ffedd6}.zone-texte-libre{width:100%;border:1px solid var(--bord);background:#ffffff;border-radius:10px;padding:9px 11px;font-size:14px;font-family:inherit;color:var(--encre);resize:vertical;outline:none}.zone-texte-libre:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d97a1f33}.marque{font-size:44px;font-weight:800;letter-spacing:2px;margin:0;color:var(--rouille);text-shadow:0 2px 0 #ffffff88}.marque .feuille-titre{display:inline-block;transform:rotate(-12deg)}.slogan{margin:6px 0 0;font-size:17px;color:var(--encre-douce)}.badge-treeway{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;letter-spacing:1px;color:#ffffff;background:var(--accent);border-radius:999px;padding:4px 14px}.grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}@media (max-width:900px){.grille{grid-template-columns:1fr}}.panneau{background:var(--panneau);border:1px solid var(--bord);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(122,70,20,.12)}.panneau h2{margin:0 0 14px;font-size:19px;color:#1e4033}.colonne-apercu{position:-webkit-sticky;position:sticky;top:20px}.champs{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 12px;gap:10px 12px}.champ{display:flex;flex-direction:column;gap:4px}.champ.large{grid-column:1/-1}.champ label{font-size:12.5px;font-weight:700;color:var(--encre-douce)}.champ input{border:1px solid var(--bord);background:#ffffff;border-radius:10px;padding:9px 11px;font-size:14px;color:var(--encre);outline:none}.champ input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d97a1f33}.sous-titre{margin:18px 0 8px;font-size:14px;font-weight:800;color:var(--rouille)}.ligne-images{display:flex;gap:12px;flex-wrap:wrap}.bloc-image{display:flex;align-items:center;gap:10px;background:#fff;border:1px dashed var(--bord);border-radius:12px;padding:8px 12px}.bloc-image img{width:44px;height:44px;object-fit:cover;border-radius:50%;border:1px solid var(--bord)}.bloc-image img.logo{border-radius:8px;object-fit:contain;background:#fff}.btn-upload{display:inline-block;cursor:pointer;font-size:13px;font-weight:700;color:var(--accent-fonce);background:#ffedd6;border:1px solid #f0c896;border-radius:999px;padding:7px 14px}.btn-upload:hover{background:#ffe3bd}.btn-retirer{border:none;background:none;color:var(--encre-douce);font-size:12px;cursor:pointer;text-decoration:underline;padding:0}.btn-retirer-large{display:block;margin-top:10px;text-decoration:none;border:1px solid var(--bord);border-radius:8px;padding:6px 12px;background:#fff}.btn-retirer-large:hover{color:#b3402a;border-color:#b3402a}.nuancier{display:flex;gap:8px;flex-wrap:wrap}.pastille{width:34px;height:34px;border-radius:50%;border:2px solid #ffffff;outline:1px solid var(--bord);cursor:pointer;padding:0}.pastille.choisie{outline:3px solid var(--accent);transform:scale(1.08)}.pastille.perso{position:relative;display:inline-block;background:conic-gradient(#e8791f,#c9a227,#8fbf6a,#4db6ac,#7ea6e0,#c9a0ff,#ff8fa3,#e8791f)}.pastille.perso:after{content:"+";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:800;font-size:17px;text-shadow:0 1px 2px rgba(0,0,0,.45);pointer-events:none}.pastille.perso input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.choix-icones{display:flex;gap:8px;flex-wrap:wrap}.choix-icones button{display:flex;align-items:center;gap:7px;border:1px solid var(--bord);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;color:var(--encre-douce);cursor:pointer}.choix-icones button.choisi{border-color:var(--accent);background:#ffedd6;color:var(--accent-fonce)}.choix-icones img{width:20px;height:20px}.pilules{display:flex;gap:6px;flex-wrap:wrap}.pilules button{border:1px solid var(--bord);background:#fff;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:700;color:var(--encre-douce);cursor:pointer}.pilules button.choisi{border-color:var(--accent);background:#ffedd6;color:var(--accent-fonce)}.bloc-bandeau{margin-top:10px}.bloc-sticker{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--bord);border-radius:12px;padding:10px 12px;margin-top:8px}.bloc-sticker>img{width:46px;height:46px;object-fit:contain;border:1px solid var(--bord);border-radius:8px;background:repeating-conic-gradient(#f3ede4 0 25%,#ffffff 0 50%) 0 0 /14px 14px}.reglages-sticker{flex:1 1;min-width:0}.reglages-sticker .ligne-largeur{gap:8px;margin-bottom:2px}.mini-label{font-size:11.5px;font-weight:700;color:var(--encre-douce);width:66px;flex-shrink:0}.select-police.graisse{width:96px}.bloc-bandeau .champ{margin-bottom:10px}.rangs-disposition{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 16px;gap:0 16px}@media (max-width:520px){.rangs-disposition{grid-template-columns:1fr}}.select-police{border:1px solid var(--bord);background:#fff;border-radius:10px;padding:9px 11px;font-size:14px;color:var(--encre);min-width:180px}.select-police.petit{min-width:0;width:118px;padding:5px 7px;font-size:12.5px}.entete-apercu{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.entete-apercu h2{margin-bottom:0}.btn-aleatoire{border:none;cursor:pointer;font-size:13.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,#7d5a38,#a34a1c);border-radius:999px;padding:8px 16px;box-shadow:0 4px 12px rgba(122,70,20,.3)}.btn-aleatoire:hover{filter:brightness(1.1)}.chip-modele{margin:8px 0 0;font-size:12.5px;font-weight:700;color:var(--accent-fonce)}.lignes-couleurs{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px 18px;gap:8px 18px}@media (max-width:520px){.lignes-couleurs{grid-template-columns:1fr}}.ligne-couleur{display:flex;align-items:center;gap:8px}.ligne-couleur span{flex:1 1;font-size:13px;font-weight:700;color:var(--encre-douce)}.pastille.petite{width:27px;height:27px}.pastille.petite.perso:after{font-size:14px}.actions-couleurs{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.btn-meme-couleur{cursor:pointer;display:inline-block}.pastille.auto{background:linear-gradient(135deg,#1c1c22 50%,#ffffff 0);color:#d97a1f;font-weight:800;font-size:15px;line-height:1;text-shadow:0 0 3px #ffffff}.ligne-largeur{display:flex;align-items:center;gap:12px}.ligne-largeur input[type=range]{flex:1 1;accent-color:var(--accent)}.valeur-largeur{font-size:13px;font-weight:700;color:var(--encre-douce);min-width:52px;text-align:right}.zone-apercu{background:linear-gradient(45deg,#f3ede4 25%,transparent 0,transparent 75%,#f3ede4 0),linear-gradient(45deg,#f3ede4 25%,#fbf7f0 0,#fbf7f0 75%,#f3ede4 0);background-size:24px 24px;background-position:0 0,12px 12px;border:1px solid var(--bord);border-radius:14px;padding:22px;overflow-x:auto}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.btn-principal{border:none;cursor:pointer;font-size:15px;font-weight:800;color:#fff;background:linear-gradient(180deg,#e8891f,#c96410);border-radius:12px;padding:12px 22px;box-shadow:0 6px 16px rgba(180,95,16,.35)}.btn-principal:hover{filter:brightness(1.06)}.btn-secondaire{border:1px solid var(--bord);cursor:pointer;font-size:13.5px;font-weight:700;color:var(--encre-douce);background:#fff;border-radius:12px;padding:12px 16px}.note-echelle{margin-top:8px}.note-bloc,.note-echelle{font-size:12px;color:var(--encre-douce);font-style:italic}.note-bloc{margin:8px 0 0}.note-interactive{margin-top:10px;font-size:13px;color:var(--encre-douce);background:#fff6e8;border:1px solid var(--bord);border-radius:10px;padding:8px 12px}.ligne-essai{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.ligne-essai input{flex:1 1;min-width:170px;border:1px solid var(--bord);background:#fff;border-radius:12px;padding:10px 12px;font-size:14px;color:var(--encre);outline:none}.ligne-essai input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d97a1f33}.message-copie{margin-top:10px;font-size:13.5px;font-weight:700;color:#216b3a}.avertissement{margin-top:10px;font-size:12.5px;color:#9a4a12;background:#fff2df;border:1px solid #f0c896;border-radius:10px;padding:8px 12px}.notice{margin-top:16px}.notice summary{cursor:pointer;font-weight:800;font-size:14px;color:var(--rouille)}.notice .contenu-notice{font-size:13.5px;color:var(--encre);line-height:1.55;padding-top:8px}.notice .contenu-notice strong{color:var(--rouille)}.village .fumee{animation:fumee-monte 7.5s linear infinite}.village .fumee,.village .oiseau{opacity:0;transform-box:fill-box;transform-origin:center}.village .oiseau{animation:vol-oiseau 34s linear infinite}@keyframes vol-oiseau{0%{transform:translate(0);opacity:0}8%{opacity:.65}50%{transform:translate(-150px,-10px)}92%{opacity:.65}to{transform:translate(-300px,4px);opacity:0}}@media (prefers-reduced-motion:reduce){.village .oiseau{animation:none;opacity:.5}}@keyframes fumee-monte{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:.55}60%{opacity:.35}to{transform:translateY(-90px) scale(1.8);opacity:0}}@media (prefers-reduced-motion:reduce){.village .fumee{animation:none;opacity:.4}}.village{position:fixed;left:0;right:0;bottom:0;width:100%;height:min(38vh,360px);z-index:0;pointer-events:none}.pied{margin-top:40px;text-align:center;font-size:12.5px;color:var(--encre-douce)}.pied p{display:inline-block;background:#fff8ecd9;border-radius:999px;padding:6px 16px}.pied a{color:var(--accent-fonce)}.voile-bienvenue{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(58,34,12,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:bienvenue-apparait .35s ease-out both;cursor:pointer}.carte-bienvenue{max-width:460px;background:var(--panneau);border:1px solid var(--bord);border-radius:20px;padding:28px 30px 24px;text-align:center;box-shadow:0 24px 70px rgba(60,30,5,.45);cursor:default}.feuille-bienvenue{display:inline-block;font-size:36px;transform:rotate(-12deg)}.carte-bienvenue h2{margin:8px 0 14px;font-size:25px;letter-spacing:.5px;color:var(--rouille);text-shadow:0 2px 0 #ffffff88}.carte-bienvenue p{margin:0 0 12px;font-size:14.5px;line-height:1.65;color:var(--encre);text-align:left}.carte-bienvenue p strong{color:var(--rouille)}.btn-compris{margin-top:8px;border:none;background:var(--accent);color:#ffffff;font-family:inherit;font-weight:700;font-size:13.5px;letter-spacing:.5px;padding:8px 24px;border-radius:999px;cursor:pointer}.btn-compris:hover{background:var(--accent-fonce)}@keyframes bienvenue-apparait{0%{opacity:0}to{opacity:1}}.jauge-poids{flex:1 1;min-width:130px;padding:6px 12px 8px;background:#fff6e9;border:1px solid var(--bord);border-radius:12px}.jauge-poids .ligne-poids{margin:0 0 5px;font-size:12px;line-height:1.35;color:var(--encre)}.jauge-poids .ligne-poids strong{color:var(--rouille)}.chip-patron{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:700;letter-spacing:.5px;color:#ffffff;background:#1e4033;border-radius:999px;padding:1px 9px}.barre-poids{height:7px;border-radius:999px;background:#f0e2cd;overflow:hidden}.barre-poids>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#7fae5c,#d97a1f);transition:width .3s ease}.jauge-poids.depasse .barre-poids>div{background:#c23b22}.poids-depasse{margin:0 0 10px;font-size:12.5px;font-weight:700;color:#c23b22}.entete-apercu{flex-wrap:wrap}.marque .logo-treeway-titre{height:54px;width:auto;vertical-align:-12px;margin-right:6px;filter:drop-shadow(0 2px 3px rgba(90,50,10,.3))}.actions button:disabled,.ligne-essai button:disabled{opacity:.45;cursor:not-allowed}