body {
     font-family: 'Segoe UI', sans-serif;
     background: #f5f9fc;
     padding: 2rem;
     text-align: center;
 }

 h1 {
     color: #0074D9;
 }

 form,
 .output {
     max-width: 700px;
     margin: 2rem auto;
     background: white;
     padding: 1.5rem;
     border-radius: 8px;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
     text-align: left;
 }

 label {
     font-weight: bold;
 }

 textarea,
 input,
 select {
     width: 100%;
     margin-bottom: 1rem;
     padding: 0.5rem;
     border-radius: 5px;
     border: 1px solid #ccc;
 }

 button {
     background-color: #0074D9;
     color: white;
     padding: 0.6rem 1.2rem;
     font-size: 1em;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     margin: 0.3rem 0.5rem;
 }

 button:hover {
     background-color: #005fa3;
 }

 pre {
     background: #f0f0f0;
     padding: 1rem;
     border-radius: 5px;
     white-space: pre-wrap;
 }

 canvas {
     margin-top: 1rem;
 }

 .menu {
     margin: 2rem auto;
     display: flex;
     justify-content: center;
     gap: 1rem;
     flex-wrap: wrap;
 }

 .menu button {
     padding: 1rem 2rem;
     font-size: 1rem;
     border: none;
     border-radius: 8px;
     background-color: #0074D9;
     color: white;
     cursor: pointer;
     transition: background 0.2s;
 }

 .menu button:hover {
     background-color: #005fa3;
 }

 .section {
     display: none;
     background: white;
     padding: 1.5rem;
     margin: 2rem auto;
     max-width: 700px;
     border-radius: 8px;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
     text-align: left;
 }

 .boite {
     background: white;
     padding: 1.5rem;
     margin: 2rem auto;
     max-width: 700px;
     border-radius: 8px;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
     text-align: left;
 }

 textarea,
 input {
     width: 100%;
     padding: 0.5rem;
     margin-top: 0.5rem;
     margin-bottom: 1rem;
     border-radius: 5px;
     border: 1px solid #ccc;
 }

 button.action {
     background: #28a745;
     color: white;
     margin-top: 1rem;
 }

 .aide summary {
     font-weight: bold;
     font-size: 1.1em;
     cursor: pointer;
 }

 .aide {
     margin-top: 20px;
     padding: 1em;
     border-radius: 8px;
     border: 1px solid #ccc;
     max-width: 700px;
     margin-left: auto;
     margin-right: auto;
     font-size: 0.95em;
     text-align: left;
 }

 .aide {
     background: #eef7ff;
 }