:root,[data-theme=light]{--fond:#f5f7fa;--surface:#feffff;--creux:#eef0f5;--creux-survol:#e2e5e9;--filet:#e2e5e9;--filet-fort:#d2d4d9;--encre:#30353b;--encre-2:#4d4f53;--encre-3:#6a6c6f;--marque:#1d7c8a;--marque-fort:#15636e;--marque-teinte:#e7fafd;--marque-choix:#ccf1f8;--sur-marque:#fff;--reussite:#2d6549;--reussite-teinte:#ebfaf1;--partiel:#755015;--partiel-teinte:#fef4e7;--erreur:#81443e;--erreur-teinte:#fff2f1}[data-theme=dark]{--fond:#161719;--surface:#1a1c1e;--creux:#242527;--creux-survol:#2e2f31;--filet:#2e2f31;--filet-fort:#494c4e;--encre:#ccd0d3;--encre-2:#aeafb1;--encre-3:#8d9093;--marque:#75bfcc;--marque-fort:#9ad3dd;--marque-teinte:#1a2325;--marque-choix:#223437;--sur-marque:#111719;--reussite:#a1d5b8;--reussite-teinte:#1c241f;--partiel:#edbe81;--partiel-teinte:#282017;--erreur:#fcb1a9;--erreur-teinte:#2b1e1d}:root{--police:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--police-code:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--rayon-fin:6px;--rayon-petit:10px;--rayon:16px;--controle:44px;--ombre:0 1px 2px #2822140a, 0 6px 24px #2822140f;--bord-carte:transparent;--largeur-travail:80rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--ombre:0 0 0 0 transparent;--bord-carte:var(--filet);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes tv-entree{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@font-face{font-family:Hanken Grotesk;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2");font-weight:100 800;font-display:swap}*,:before,:after{box-sizing:border-box}button,input,select,textarea{font:inherit;color:inherit;border:0;margin:0;padding:0}button{background-color:#0000}img,svg,canvas,video{vertical-align:middle}hr{color:inherit}html,body{background:var(--fond);color:var(--encre);font-family:var(--police);font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.65}body{min-height:100vh;font-size:17px}#root{flex-direction:column;min-height:100vh;display:flex}code,pre,kbd{font-family:var(--police-code);font-variant-ligatures:none}:focus-visible{outline:2px solid var(--marque);outline-offset:2px}.MuiInputBase-input:focus-visible{outline:none}.page-travail{width:100%;max-width:var(--largeur-travail);margin:0 auto;padding:0 16px 64px}.entete{align-items:center;gap:14px;padding:24px 0;display:flex}.tuile-app{border-radius:var(--rayon-petit);background:var(--marque);width:40px;height:40px;color:var(--sur-marque);flex:none;place-items:center;font-size:1.125rem;font-weight:700;line-height:1;display:grid}.entete-titres{min-width:0}.entete h1{letter-spacing:-.015em;margin:0;font-size:1.625rem;font-weight:700;line-height:1.2}.entete p{color:var(--encre-2);margin:2px 0 0;font-size:.9375rem;line-height:1.4}.entete .actions{gap:4px;margin-left:auto;display:flex}@media (width<=560px){.entete{gap:12px;padding:16px 0}.entete h1{font-size:1.375rem}.entete p{display:none}.entete .actions{gap:0}}.espace-travail{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:24px;display:grid}.espace-travail>.apercu{position:sticky;top:16px}@media (width<=1000px){.espace-travail{grid-template-columns:minmax(0,1fr);gap:16px}.espace-travail>.apercu{position:static}}.carte{border-radius:var(--rayon);background:var(--surface);box-shadow:var(--ombre), 0 0 0 1px var(--bord-carte);padding:32px}@media (width<=560px){.carte{padding:24px 20px}}.panneau{border-radius:var(--rayon);background:var(--surface);box-shadow:var(--ombre), 0 0 0 1px var(--bord-carte);overflow:hidden}.panneau-tete{box-shadow:inset 0 -1px 0 var(--filet);flex-wrap:wrap;align-items:center;gap:4px 8px;padding:12px 12px 12px 20px;display:flex}.panneau-tete .titres{flex:10rem;min-width:0}.panneau-tete .surtitre{margin:0}.panneau-tete h2{margin:0;font-size:1rem;font-weight:700;line-height:1.35}.panneau-tete .actions{flex-wrap:wrap;gap:2px;display:flex}@media (width<=560px){.panneau-tete{padding:12px}.panneau-tete .titres{flex-basis:100%;padding-left:8px}}.zone-apercu{background:var(--creux);padding:16px;position:relative}.surtitre{color:var(--encre-3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:.8125rem;font-weight:650;line-height:1.4;display:block}.etiquette{color:var(--encre-2);margin-bottom:8px;font-size:.875rem;font-weight:600;line-height:1.4;display:block}.discrete{color:var(--encre-3);font-size:.875rem;line-height:1.5}.bouton-icone{width:var(--controle);height:var(--controle);border-radius:var(--rayon-petit);color:var(--encre-2);cursor:pointer;background:0 0;border:0;place-items:center;text-decoration:none;transition:background-color .15s,color .15s;display:grid}.bouton-icone:hover{background:var(--creux);color:var(--encre)}.bouton-icone:disabled{opacity:.4;cursor:not-allowed;background:0 0}.bouton-icone svg{width:20px;height:20px}.segments{background:var(--creux);border-radius:999px;gap:2px;padding:4px;display:flex}.segments.ajuste{flex:none;display:inline-flex}.segments button{min-height:36px;color:var(--encre-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:0 16px;font-size:.9375rem;font-weight:500;line-height:1.2;transition:background-color .15s,color .15s}.segments button:hover{color:var(--encre)}@media (width<=560px){.segments button{padding:0 10px}.bloc{padding:14px 16px}.puce{padding:0 12px}}.segments button[aria-checked=true]{background:var(--surface);color:var(--encre);box-shadow:0 0 0 1px var(--filet);font-weight:600}.puce{background:var(--creux);min-height:36px;color:var(--encre-2);cursor:pointer;border:0;border-radius:999px;padding:0 14px;font-size:.9375rem;font-weight:500;line-height:1.2;transition:background-color .15s,color .15s}.puce:hover{background:var(--creux-survol);color:var(--encre)}.puce.code{font-family:var(--police-code);font-size:.8125rem}.touche-symbole{border-radius:var(--rayon-petit);background:var(--creux);min-width:44px;min-height:44px;color:var(--encre);cursor:pointer;border:0;padding:0 10px;font-size:1rem;font-weight:600;transition:background-color .15s,color .15s}.touche-symbole:hover{background:var(--creux-survol)}.interrupteur{min-height:44px;color:var(--encre-2);cursor:pointer;align-items:center;gap:12px;font-size:1rem;font-weight:500;display:inline-flex}.interrupteur .rail{background:var(--filet-fort);border-radius:999px;flex:none;width:40px;height:24px;transition:background-color .15s;position:relative}.interrupteur .rail:after{content:"";background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .15s,background-color .15s;position:absolute;top:3px;left:3px}.interrupteur[aria-checked=true] .rail{background:var(--marque)}.interrupteur[aria-checked=true] .rail:after{transform:translate(16px)}:root[data-theme=dark] .interrupteur .rail:after{background:var(--encre-2)}:root[data-theme=dark] .interrupteur[aria-checked=true] .rail:after{background:var(--sur-marque)}.rangee{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bloc{border-radius:var(--rayon-petit);background:var(--creux);padding:16px 20px}.message{border-radius:var(--rayon-petit);background:var(--creux);color:var(--encre);align-items:flex-start;gap:12px;padding:14px 18px;font-size:1rem;line-height:1.5;animation:.25s ease-out tv-entree;display:flex}.message .tuile-etat{border-radius:var(--rayon-petit);background:color-mix(in oklab, currentColor 14%, transparent);flex:none;place-items:center;width:28px;height:28px;display:inline-grid}.message .tuile-etat svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.message>span:last-child{padding-top:2px}.message.erreur{background:var(--erreur-teinte)}.message.erreur .tuile-etat{color:var(--erreur)}.pastille{background:var(--marque-teinte);color:var(--marque-fort);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 10px;font-size:.8125rem;font-weight:600;line-height:1.5;display:inline-flex}.reglages{box-shadow:inset 0 1px 0 var(--filet), inset 0 -1px 0 var(--filet)}.reglages>button{width:100%;min-height:52px;color:var(--encre);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:0;font-weight:600;display:flex}.reglages>button svg{width:16px;height:16px;color:var(--encre-3);margin-left:auto;transition:transform .15s,color .15s}.reglages>button:hover svg{color:var(--marque)}.reglages>button[aria-expanded=true] svg{transform:rotate(180deg)}.reglages .corps{gap:24px;padding:8px 0 24px;display:grid}.reglage{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.reglage>.libelle{color:var(--encre);flex:14rem;font-size:1.0625rem;line-height:1.45}