:root{--fond: #f4f3ef;--surface: #ffffff;--texte: #1c1c1a;--discret: #64645e;--ligne: #e1dfd8;--accent: #1c1c1a;--accent-texte: #ffffff;--erreur: #b3261e;--rayon: 10px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texte);background:var(--fond)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-size:15px;line-height:1.5}h1,h2{line-height:1.2;margin:0}h2{font-size:1.125rem;margin-bottom:1rem}:focus-visible{outline:2px solid #2f6fdb;outline-offset:2px}.discret{color:var(--discret)}.petit{font-size:.8125rem}.espace{flex:1}.chargement{padding:3rem;text-align:center;color:var(--discret)}.logo{font-weight:700;font-size:1.125rem;color:var(--texte);text-decoration:none;letter-spacing:-.01em}.logo span{color:var(--discret);font-weight:500}.logo.grand{font-size:1.75rem}.barre{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--ligne);position:sticky;top:0;z-index:2}.pastille{font-size:.75rem;padding:.125rem .5rem;border-radius:999px;background:#fdf0c8;color:#6b4e00;font-weight:600}.contenu{padding:1.5rem}.carte{background:var(--surface);border:1px solid var(--ligne);border-radius:var(--rayon);padding:1.25rem}label{display:block;font-weight:600;margin-bottom:.375rem}input{width:100%;font:inherit;padding:.625rem .75rem;border:1px solid #c9c7bf;border-radius:8px;background:#fff;color:var(--texte)}input[aria-invalid=true]{border-color:var(--erreur)}.bouton{font:inherit;font-weight:600;padding:.625rem 1rem;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-texte);cursor:pointer}.bouton:disabled{opacity:.6;cursor:progress}.bouton.secondaire{background:transparent;color:var(--texte);border-color:#c9c7bf}.lien{font:inherit;background:none;border:0;padding:0;color:var(--texte);cursor:pointer;text-decoration:underline;text-underline-offset:.2em}.erreur{color:var(--erreur);margin:.5rem 0}.aide{color:var(--discret);font-size:.8125rem;margin:.375rem 0 0}.connexion{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.connexion .carte{width:min(100%,22rem);display:grid;gap:.75rem;padding:2rem}.connexion .carte p{margin:0 0 .5rem}.page-projets{display:grid;gap:2rem;grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start;max-width:72rem}@media(max-width:52rem){.page-projets{grid-template-columns:1fr}}.formulaire-creation{display:grid;gap:1rem}.adresse{display:flex;align-items:center;gap:.375rem}.adresse span{color:var(--discret);white-space:nowrap;font-size:.875rem}.grille-projets{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.carte.projet{display:grid;gap:.25rem;text-decoration:none;color:var(--texte);transition:border-color .15s}.carte.projet:hover{border-color:#9d9b93}.vue-projet{display:grid;gap:1.25rem}.entete-projet{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.entete-projet h1{font-size:1.375rem}.selecteur{display:inline-flex;border:1px solid #c9c7bf;border-radius:8px;overflow:hidden;background:var(--surface)}.selecteur button{font:inherit;border:0;background:none;padding:.5rem .75rem;cursor:pointer;color:var(--texte);border-right:1px solid var(--ligne)}.selecteur button:last-child{border-right:0}.selecteur button[aria-pressed=true]{background:var(--accent);color:var(--accent-texte)}.zone-apercus{display:flex;gap:24px;align-items:flex-start;justify-content:center;width:100%}.apercu{margin:0;display:grid;gap:.5rem}.apercu figcaption{font-weight:600;font-size:.875rem}.ecran{overflow:hidden;border-radius:12px;border:1px solid #c9c7bf;background:#fff;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f}.ecran iframe{border:0;display:block;transform-origin:0 0;background:#fff}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.contenu.plein{padding:1rem 1.25rem}.editeur{display:grid;gap:.75rem}.etat{font-size:.8125rem;color:var(--discret)}.etat-erreur{color:var(--erreur);font-weight:600}.etat-enregistre:before{content:"● ";color:#2e7d4f}.bandeau{background:#fdecea;padding:.5rem .75rem;border-radius:8px;margin:0}.espace-travail{display:grid;grid-template-columns:22rem minmax(0,1fr);gap:1.25rem;align-items:start}.panneau{background:var(--surface);border:1px solid var(--ligne);border-radius:var(--rayon);position:sticky;top:4.25rem;max-height:calc(100vh - 6rem);display:flex;flex-direction:column;overflow:hidden}.onglets{display:flex;border-bottom:1px solid var(--ligne)}.onglets button{flex:1;font:inherit;background:none;border:0;padding:.75rem;cursor:pointer;color:var(--discret);border-bottom:2px solid transparent}.onglets button[aria-selected=true]{color:var(--texte);border-bottom-color:var(--accent);font-weight:600}.panneau-defilant{overflow-y:auto;padding:1rem;display:grid;gap:1.25rem}.panneau h3{font-size:.9375rem;margin:0 0 .5rem}.titre-section{display:flex;justify-content:space-between;align-items:baseline}.arbre{list-style:none;margin:0;padding:0;display:grid;gap:2px}.arbre button{width:100%;text-align:left;font:inherit;background:none;border:0;padding:.375rem .5rem;border-radius:6px;cursor:pointer;color:var(--texte)}.arbre button:hover{background:#f1f0ec}.arbre button.actif{background:#e9e7e1;font-weight:600}.encadre{background:#faf9f6;border:1px solid var(--ligne);border-radius:8px;padding:.75rem;display:grid;gap:.75rem}.champ{display:grid;gap:.25rem}.champ label,.etiquette{font-weight:600;font-size:.875rem}.champ input,.champ textarea,.champ select{font:inherit;padding:.5rem .625rem;border:1px solid #c9c7bf;border-radius:6px;background:#fff;width:100%}textarea{resize:vertical;line-height:1.45}.case{display:flex;gap:.5rem;align-items:center;font-weight:500}.case input{width:auto}.actions-ligne{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.875rem}.lien.danger{color:var(--erreur)}.lien:disabled{opacity:.4;cursor:default}.blocs{list-style:none;margin:0 0 .75rem;padding:0;display:grid;gap:.375rem}.blocs li{border:1px solid var(--ligne);border-radius:8px;background:#fff}.blocs li.choisi{border-color:#2f6fdb;box-shadow:0 0 0 1px #2f6fdb}.bloc-entete{width:100%;text-align:left;font:inherit;background:none;border:0;padding:.5rem .625rem;cursor:pointer;display:grid;gap:.125rem}.bloc-entete .type{font-weight:600;font-size:.8125rem;display:flex;gap:.5rem;align-items:center}.bloc-entete .resume{color:var(--discret);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invente{font-size:.6875rem;font-weight:600;background:#fff1c2;color:#6b4e00;padding:0 .375rem;border-radius:999px}.bloc-detail{padding:.25rem .625rem .75rem;display:grid;gap:.75rem;border-top:1px solid var(--ligne)}.groupe{border:1px solid var(--ligne);border-radius:8px;padding:.5rem .625rem .625rem;display:grid;gap:.5rem;margin:0}.groupe legend{font-size:.8125rem;font-weight:600;padding:0 .25rem}.groupe.deux-colonnes{grid-template-columns:6rem 1fr}.groupe.deux-colonnes legend,.groupe.deux-colonnes>.lien{grid-column:1 / -1}.petit-selecteur button{padding:.375rem .625rem;font-size:.8125rem}.ajout{position:relative}.menu-ajout{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;margin-top:.5rem}.menu-ajout button{font:inherit;font-size:.875rem;text-align:left;padding:.5rem .625rem;border:1px solid var(--ligne);border-radius:6px;background:#fff;cursor:pointer}.menu-ajout button:hover{border-color:#9d9b93}.panneau-styles{display:grid;gap:1.25rem}.panneau-styles section{display:grid;gap:.625rem}.couleur{display:grid;grid-template-columns:2.25rem 1fr 5.5rem;gap:.5rem;align-items:center}.couleur input[type=color]{width:2.25rem;height:2.25rem;padding:0;border:1px solid #c9c7bf;border-radius:6px;background:none;cursor:pointer}.couleur label{font-weight:600;font-size:.875rem;display:block}.couleur .aide{margin:0}.couleur .hex{font:inherit;font-family:ui-monospace,Menlo,monospace;font-size:.8125rem;padding:.375rem .5rem;border:1px solid #c9c7bf;border-radius:6px;width:100%}.contrastes{list-style:none;margin:0;padding:.5rem .625rem;background:#faf9f6;border-radius:8px;font-size:.8125rem;display:grid;gap:.125rem}.contrastes .ok{color:#2e6b46}.contrastes .ko{color:var(--erreur);font-weight:600}.versions{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.versions li{display:grid;gap:.375rem;padding:.5rem .625rem;border:1px solid var(--ligne);border-radius:8px;font-size:.875rem}.versions li div:first-child{display:grid}.versions li.courante{background:#faf9f6}.pastille.neutre{background:#ecebe6;color:var(--discret);justify-self:start}.confirmation{display:grid;gap:.5rem;background:#fff8e1;padding:.5rem;border-radius:6px}@media(max-width:64rem){.espace-travail{grid-template-columns:1fr}.panneau{position:static;max-height:none}}.editeur-texte{border:1px solid #c9c7bf;border-radius:6px;background:#fff}.barre-texte{display:flex;flex-wrap:wrap;gap:2px;padding:4px;border-bottom:1px solid var(--ligne);background:#faf9f6;border-radius:6px 6px 0 0}.barre-texte button{font:inherit;font-size:.75rem;border:0;background:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer}.barre-texte button:hover{background:#ecebe6}.barre-texte button:first-child{font-weight:700}.barre-texte button:nth-child(2){font-style:italic}.zone-texte{padding:.5rem .625rem;line-height:1.5;outline:none;overflow-wrap:anywhere}.zone-texte:focus{box-shadow:inset 0 0 0 2px #2f6fdb;border-radius:0 0 6px 6px}.zone-texte p{margin:0 0 .5em}.zone-texte ul,.zone-texte ol{margin:0 0 .5em;padding-left:1.25rem}.saisie-lien{display:grid;grid-template-columns:1fr auto auto;gap:.375rem;align-items:center;padding:.375rem;border-bottom:1px solid var(--ligne)}.saisie-lien label{grid-column:1 / -1;font-size:.75rem;font-weight:600}.saisie-lien input{font:inherit;padding:.375rem .5rem;border:1px solid #c9c7bf;border-radius:6px}.vignette{max-width:100%;max-height:10rem;border-radius:6px;border:1px solid var(--ligne);object-fit:contain;background:#f4f3ef}.blocs li[draggable]{cursor:grab}.blocs li.glisse{opacity:.5}.blocs li.cible{box-shadow:0 -3px #2f6fdb}.differences{margin:0;padding-left:1.1rem;font-size:.8125rem;display:grid;gap:.125rem}.case.avance{font-size:.875rem;background:#faf9f6;padding:.5rem .625rem;border-radius:8px}