.qr-codes{display:flex;justify-content:center;gap:10px;margin-top:10px;flex-wrap:wrap}.qr-codes img{width:80px;height:80px}.qr-code-container{display:flex;gap:20px;flex-wrap:wrap}.qr-input{display:flex;flex-direction:column;width:30%}.title{text-align:center;font-size:2rem;margin-bottom:20px;color:#333}.centered-title{text-align:center;font-size:24px;color:#333}button{margin-top:15px}body,.container-main,.wrapper{background-color:#f0f0f0;margin:0;font-family:Arial,sans-serif;padding:20px;min-height:100vh}.classic{background-color:#fff;color:#000;border:1px solid #ccc;font-family:Times New Roman,serif}.darkmode{background-color:#1e1e1e;color:#f1f1f1;border:1px solid #444;font-family:Courier New,monospace}.greenleaf{background:linear-gradient(to right,#e0f7e9,#c2f0c2);color:#2d572c;border:1px solid #96d296;font-family:Verdana,sans-serif}.sunfire{background:linear-gradient(to right,#ff6f00,#ff3d00);color:#fff;font-weight:700;font-family:Impact,sans-serif;border:none}.pastel{background:linear-gradient(to right,#ffd1dc,#d1caff);color:#444;border:1px solid #ddd;font-family:Lucida Handwriting,cursive}.carte-logo{position:absolute;top:10px;right:10px;width:60px;height:60px;object-fit:cover;border-radius:8px;box-shadow:1px 1px 5px #0000004d}.carte-apercu-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 800px;flex:1;max-width:320px}@media (max-width: 768px){.container{flex-direction:column;align-items:center;gap:20px;padding:10px}.container-vertical1,.container-vertical2{width:100%;margin:10px 0}.style-section,.formulaire{width:90%}.carte-apercu-container{margin:10px auto;max-width:100%}.carte{width:100%;box-sizing:border-box}.qr-codes{flex-direction:column;align-items:center}.qr-input{width:100%}.formulaire-container{flex-direction:column}}.portrait-warning{display:none;text-align:center;padding:20px;background:#ffdddd;color:#b20000;font-weight:700}@media screen and (orientation: portrait){.app-content{display:none}.portrait-warning{display:block}.style-section{padding:1rem;border-radius:12px;background-color:#f8f9fc;box-shadow:0 0 10px #0000000d;max-width:400px;margin:auto}.style-section label{font-weight:500;display:block;margin-top:.5rem}.centered-title{text-align:center;margin:1rem 0 .5rem;font-size:1.2rem;color:#333}.qr-code-container .qr-input{margin-bottom:.5rem}}@font-face{font-family:horrendo;src:url(/assets/fonts/horrendo.ttf) format("truetype")}@font-face{font-family:calibri;src:url(/assets/fonts/Calibri.ttf) format("truetype")}@font-face{font-family:arial;src:url(/assets/fonts/ARIAL.TTF) format("truetype")}@font-face{font-family:timesnewroman;src:url("/assets/fonts/Times New Roman.ttf") format("truetype")}@font-face{font-family:sewer;src:url(/assets/fonts/sewer.ttf) format("truetype")}@font-face{font-family:Outwrite;src:url(/assets/fonts/Outwrite.ttf) format("truetype")}@font-face{font-family:colour;src:url(/assets/fonts/colour.ttf) format("truetype")}@font-face{font-family:fast99;src:url(/assets/fonts/fast99.ttf) format("truetype")}@font-face{font-family:froufrou;src:url(/assets/fonts/froufrou.ttf) format("truetype")}@font-face{font-family:valuoldcaps;src:url(/assets/fonts/valuoldcaps.ttf) format("truetype")}