body{margin:0;background:#f4f6f3;color:#203830;font:16px/1.5 Arial,sans-serif}.demo-shell{max-width:1140px;margin:auto;padding:20px}.demo-header{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0 22px}.demo-header strong{font-size:24px}.demo-header span{background:#fff1c9;border:1px solid #d5ad4b;padding:8px 12px;border-radius:6px}.demo-intro,.loto-app,.demo-preview{background:white;border:1px solid #c4d4c7;padding:24px;border-radius:9px;margin-bottom:20px}.demo-intro h1{font-size:30px;line-height:1.2}.demo-intro p{max-width:850px}.loto-app{max-width:none}.loto-app fieldset{min-width:0}.demo-settings{display:flex;gap:20px;flex-wrap:wrap;align-items:end;margin:22px 0}.demo-settings label{display:flex;flex-direction:column;gap:6px;font-weight:600}.demo-settings select{padding:10px;font:inherit;border:1px solid #748c7a;border-radius:4px}.demo-settings input[type=color]{width:80px;height:42px;background:#fff;border:1px solid #748c7a;cursor:pointer}#demo-pages{display:grid;gap:20px;justify-items:center}#demo-pages canvas{max-width:100%;height:auto;box-shadow:0 3px 15px #20383026;background:white}footer{text-align:center;font-size:13px;padding:15px}a{color:#17583d}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b06a12;outline-offset:3px}.demo-settings [hidden]{display:none!important}@media(max-width:600px){.demo-shell{padding:10px}.demo-header{flex-wrap:wrap}.demo-intro,.loto-app,.demo-preview{padding:14px}.demo-intro h1{font-size:26px}.demo-header strong{font-size:22px}}@media print{body>*{display:none!important}body:after{content:'Démonstration — aucun document imprimable fourni.';display:block}}