:root{font-family:Inter,Arial,sans-serif;color:#26384a;background:#f4f7fa}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:#315b82}button,.button{display:inline-block;border:0;border-radius:7px;background:#2c5b84;color:#fff;padding:.75rem 1.1rem;font:700 .95rem Inter,Arial,sans-serif;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:#1b436b}input{font:inherit}label{display:block;font-weight:700;margin:1rem 0}label input{display:block;width:100%;padding:.7rem;margin-top:.35rem;border:1px solid #aebecb;border-radius:6px;background:#fff}.installer{max-width:900px;margin:3rem auto;background:#f5f8fb;border:1px solid #d6e0e9;border-radius:15px;overflow:hidden;box-shadow:0 12px 30px #253d501a}.install-top{display:flex;justify-content:space-between;background:#1e344b;color:#fff;padding:1rem 1.5rem}.install-steps{display:flex;gap:.5rem;flex-wrap:wrap;padding:.8rem 1.5rem;background:#e8eff5}.install-steps span{background:#fff;border-radius:99px;padding:.35rem .65rem;font-size:.8rem}.install-steps .current{background:#315d86;color:#fff}.install-body{padding:2rem;max-width:760px;margin:auto}.install-body h1{font:600 1.8rem Georgia,serif}.install-body p{line-height:1.55}.install-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #d8e3eb;padding:1rem 0}.install-row small{display:block;color:#617284;margin-top:.25rem}.install-row b{align-self:center;white-space:nowrap;border-radius:99px;padding:.3rem .6rem;font-size:.75rem}.install-row .ok{background:#e0efe6;color:#235c3c}.install-row .bad{background:#fee8df;color:#963d28}.auth,.holding{max-width:540px;margin:8vh auto;padding:2rem;background:#fff;border:1px solid #dbe3ea;border-radius:12px}.auth h1,.holding h1{font:600 1.8rem Georgia,serif}.error{padding:.8rem;background:#fee9e5;color:#8b352b}.success{padding:.8rem;background:#e6f3e9;color:#2c6244}.logout{padding:0 30px 25px;text-align:right}.admin .dash-spec{margin:0;min-height:100vh}@media(max-width:650px){.installer{margin:0;border:0;border-radius:0}.install-top,.install-row{display:block}.install-top span{display:block;margin-top:.3rem}.auth,.holding{margin:0;border:0}}
.workspace{max-width:1280px;margin:0 auto;padding:2rem 1.4rem 5rem}.workspace h1{font:600 clamp(1.7rem,3vw,2.5rem) Georgia,serif}.work-nav{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 0;border-bottom:1px solid #cfd8df}.workspace input,.workspace textarea,.workspace select{display:block;width:100%;padding:.7rem;margin-top:.4rem;border:1px solid #aebecb;border-radius:6px;background:#fff;font:inherit}.workspace textarea{min-height:6rem}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.3rem}.model-grid .model-card{min-width:0;padding:1rem;background:white;border:1px solid #d5dee5;border-radius:10px;overflow:hidden}.model-card h2{font:600 1.25rem Georgia,serif}.model-card .pc-live{height:240px;max-height:240px;overflow:hidden;pointer-events:none}.blank-preview{height:240px;background:linear-gradient(#fff,#f0f1f2);border:1px solid #dde2e5}.zone-editor{margin:1.5rem 0;padding:1.3rem;background:white;border:1px solid #d4dee5;border-radius:10px}.zone-toolbar{display:flex;justify-content:space-between}.zone-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin:.7rem 0}.zone-actions span{margin-right:auto;min-width:180px}.zone-actions button{font-size:.8rem;padding:.5rem}
.editor-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,1.2fr);gap:1.5rem;align-items:start}.editor-layout form{min-width:0}.editor-layout details{margin:1rem 0;padding:.8rem;background:#eff3f6;border-radius:8px}.editor-layout summary{cursor:pointer;font-weight:700}.editor-save{position:sticky;bottom:0;background:#f4f7fa;padding:1rem 0;z-index:2}.live-preview{position:sticky;top:1rem;padding:1rem;background:#fff;border:1px solid #d4dee5;border-radius:10px;min-width:0}.live-preview p{font-size:.9rem;color:#526579}.live-preview iframe{display:block;width:100%;height:min(75vh,850px);border:1px solid #d4dee5;background:#fff}.zone-actions{justify-content:flex-end}@media(max-width:900px){.editor-layout{grid-template-columns:1fr}.live-preview{position:static;order:-1}.live-preview iframe{height:430px}}
.font-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.font-pair{display:block;padding:.8rem;background:#fff;border:1px solid #d0dce4;border-radius:8px;cursor:pointer}.font-pair:has(input:checked){outline:2px solid #315b82}.font-pair input{width:auto;display:inline-block;margin:0 .4rem 0 0}.font-pair strong,.font-pair span{display:block}.font-pair span{font-weight:400;font-size:.85rem;margin-top:.3rem}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin-top:1.5rem}.media-card{margin:0;padding:.5rem;background:#fff;border:1px solid #d4dee5}.media-card img{width:100%;height:150px;object-fit:cover}.media-card figcaption{font-size:.8rem;overflow-wrap:anywhere}
.identity-logo{max-width:180px;max-height:120px;object-fit:contain}
.item-editor{margin:1.2rem 0}.item-card{background:#f8fafb;border:1px solid #d4dee5;border-radius:8px;margin:1rem 0;padding:1rem;min-width:0}.item-card legend{font-weight:700;padding:0 .3rem}.item-card details{background:#eef2f5}.item-editor h3{font-size:1rem}
.zone-settings>summary{padding:.7rem .9rem;border-radius:7px;background:#eaf0f3;color:#284456}
.item-card .item-settings{padding:0;background:transparent;margin:.5rem 0}
.item-visual{display:flex;align-items:center;gap:.8rem;min-height:95px;padding:.5rem;background:#fff;border:1px solid #d4dee5;border-radius:7px;list-style:none}
.item-visual::-webkit-details-marker{display:none}
.item-visual img,.item-visual-placeholder{width:102px;height:76px;flex:none;object-fit:cover;border-radius:4px}
.item-visual-placeholder{display:grid;place-items:center;text-align:center;padding:.5rem;background:#e8edf1;color:#536977;font-size:.76rem}
.item-visual-copy{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}
.item-visual-copy strong,.item-visual-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-visual-copy span{color:#526579;font-size:.85rem}
.item-settings[open]>.item-visual{border-color:#648296}
.item-card .zone-actions{justify-content:flex-end}
.item-visual [hidden]{display:none}
.appearance-models{margin-top:2rem}.appearance-models .model-grid{margin-top:1rem}.appearance-model{margin:0;min-width:0}.appearance-model figcaption{font-weight:700;margin:.4rem 0 1rem}.appearance-model .model-card{height:260px}.appearance-model .pc-live{height:240px;max-height:240px;overflow:hidden;pointer-events:none}.appearance-models .pc-live>.home-spec{transform:scale(.26)}
.nav-edit-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,1fr) minmax(150px,1.5fr) minmax(150px,1.5fr) auto;gap:.6rem;align-items:end;padding:.75rem;border:1px solid #dedbd5;margin:.5rem 0}.nav-edit-row label{min-width:0}.nav-edit-row input,.nav-edit-row select{width:100%}.nav-edit-row [hidden]{display:none}.nav-column{border:1px solid #dedbd5;padding:1rem;margin:1rem 0}.nav-column>label{display:block;max-width:350px}.nav-column>button{margin:.5rem}.editor-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0}@media(max-width:900px){.nav-edit-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.nav-edit-row{grid-template-columns:1fr}}
.nav-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:1.5rem;align-items:start}.nav-builder .nav-edit-row{grid-template-columns:repeat(2,minmax(0,1fr));background:#fff;border-radius:8px}.nav-builder .nav-row-actions{display:flex;align-items:center;gap:.3rem}.nav-builder .nav-row-actions button{width:auto}.nav-preview-panel{position:sticky;top:1rem;padding:1rem;background:#fff;border:1px solid #dedbd5;border-radius:12px}.nav-preview-panel iframe{display:block;width:100%;height:520px;margin:1rem auto;border:1px solid #dedbd5;background:#fff;transition:width .2s}.nav-preview-panel iframe.mobile{width:min(100%,370px)}.nav-preview-bar{display:flex;justify-content:space-between;gap:1rem;align-items:center}.nav-preview-bar button{width:auto}.nav-preview-bar button[aria-pressed=true]{background:#252933;color:white}@media(max-width:1150px){.nav-builder{grid-template-columns:1fr}.nav-preview-panel{position:static}}
.css-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:1.2rem}.css-workspace textarea{display:block;width:100%;min-height:560px;font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;background:#182430;color:#f4f6f7;padding:1rem;border-radius:8px}.css-workspace aside{background:#fff;padding:1rem;border:1px solid #d7d7d7}.css-workspace iframe{width:100%;height:610px;border:1px solid #ddd;background:white;margin:1rem 0}@media(max-width:1100px){.css-workspace{grid-template-columns:1fr}}
.comment-moderation{padding:1.4rem;border:1px solid #d8d8d8;margin:1rem 0;background:white}.comment-moderation h2{margin:0 0 .5rem}.comment-moderation form{display:flex;gap:.6rem;flex-wrap:wrap}
.seo-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.4rem 0}.seo-summary article,.seo-layout>div,.seo-side{padding:1.4rem;background:#fff;border:1px solid #d7dce0}.seo-summary small{display:block;color:#587080;letter-spacing:.1em}.seo-summary strong{display:block;margin:.5rem 0}.seo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.4fr);gap:1rem}.seo-list{padding:0;list-style:none}.seo-list li{border-top:1px solid #ddd;padding:.8rem 0;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.seo-list li strong{min-width:160px}.seo-list li span{color:#5b707b}.seo-list li a{margin-left:auto}.seo-form{display:grid;gap:1rem;background:#eef3f5;padding:1rem}.seo-result{border:1px solid #dce5e8;padding:1rem;margin:1rem 0}.seo-result strong{color:#315d7a}.seo-result p{color:#427957;font-size:.85rem}.seo-side h3{margin-top:1.5rem}@media(max-width:950px){.seo-layout{grid-template-columns:1fr}}@media(max-width:650px){.seo-summary{grid-template-columns:1fr}}
.communication-card{border:1px solid #d5dadd;background:white;padding:1.5rem;margin:1.2rem 0}.communication-card h2{margin-top:0}.communication-dates{display:flex;gap:1rem;flex-wrap:wrap}.communication-dates label{min-width:180px}
.admin-content label:has(> input[type="checkbox"]),.admin-content label:has(> input[type="radio"]){display:inline-flex;align-items:center;justify-content:flex-start;gap:.55rem;max-width:100%;min-height:2.5rem;cursor:pointer}
.admin-content label>input[type="checkbox"],.admin-content label>input[type="radio"]{display:inline-block;flex:none;width:1.15rem;height:1.15rem;margin:0;padding:0;accent-color:#315a70}
.css-generated{margin:0 0 1.25rem;border:1px solid #cbd8df;border-radius:8px;padding:.75rem;background:#f4f7f8}.css-generated summary{cursor:pointer;font-weight:700}.css-generated pre{max-height:320px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;background:#182430;color:#f4f6f7;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.editorial-tabs{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0 1.5rem}.editorial-tabs a{padding:.65rem .9rem;background:#e8eef1;color:#203c4e;text-decoration:none;border-radius:7px}.editorial-tabs a[aria-current="page"]{background:#253f53;color:#fff}.editorial-create{display:flex;flex-wrap:wrap;align-items:end;gap:1rem;padding:1rem;background:#fff;border:1px solid #d4dee5}.editorial-create label{flex:1 1 260px;margin:0}.editorial-create button{align-self:end}.editorial-list{list-style:none;margin:1rem 0;padding:0}.editorial-list li{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;padding:1rem;background:#fff;border:1px solid #d4dee5;margin:.5rem 0}.editorial-list li a{min-width:15rem;flex:1}.editorial-list li span{font-weight:700}.editorial-list li small{color:#526b79}
.editorial-settings{padding:1rem;margin:1rem 0;background:#f3f7f8;border:1px solid #cbd8df}.editorial-settings h3{margin:0}.editorial-settings button{margin:.3rem .3rem .3rem 0}.editor-zone-selected #visual-editor>.editorial-settings{display:none}
.media-choice-field{display:grid;gap:.6rem;padding:1rem;border:1px solid #d9dfe2;border-radius:8px;background:#fff;margin:1rem 0}
.media-choice-field>strong{font-size:.95rem}
.media-choice-current{display:flex;align-items:center;justify-content:center;min-height:94px;max-width:230px;border:1px dashed #bfcbd2;background:#f5f7f8;color:#5a6870;font-size:.85rem}
.media-choice-current img{width:100%;height:130px;object-fit:cover}
.media-choice-field>button{justify-self:start}
.media-choice-field details{font-size:.85rem}.media-choice-field details select{display:block;max-width:100%}
.media-picker-dialog{border:1px solid #bfcbd2;border-radius:12px;box-shadow:0 18px 45px #0004;max-width:min(780px,95vw);max-height:min(80vh,800px);padding:1.2rem;background:#fff;color:#26313c}
.media-picker-dialog::backdrop{background:#1d2838a8}
.media-picker-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.media-picker-header h2{margin:.2rem 0 1rem}
.media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;max-height:55vh;overflow:auto}
.media-picker-grid button{display:grid;align-content:start;gap:.4rem;text-align:left;min-width:0;padding:.4rem;background:#fff;border:1px solid #ccd5dc;border-radius:6px;color:inherit;cursor:pointer}
.media-picker-grid button:hover,.media-picker-grid button:focus-visible{outline:2px solid #31586b}
.media-picker-grid img,.media-empty-choice{width:100%;height:100px;object-fit:cover;background:#edf1f3;display:grid;place-items:center}
.media-picker-grid span{overflow-wrap:anywhere;font-size:.8rem}
/* Bibliothèque de zones : aperçus issus des composants, contenus de démonstration. */
.zone-add-leading{width:100%;margin:1rem 0;padding:1rem;border:1px dashed var(--border,#c8d0df);background:var(--surface,#fff);color:inherit;text-align:left;border-radius:12px;cursor:pointer}
.zone-add-leading:hover,.zone-add-leading:focus-visible{border-color:var(--accent,#576b8e)}
.zone-catalog{width:min(1060px,calc(100% - 2rem));max-height:86vh;border:1px solid #d7deea;border-radius:18px;padding:1.5rem;background:#fff;color:#243046;box-shadow:0 24px 80px #18223755}
.zone-catalog::backdrop{background:#14203799}
.zone-catalog-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.zone-catalog-head h2{margin:.2rem 0;font-size:1.5rem}.zone-catalog-head p{margin:.3rem 0 1rem}
.zone-catalog-head>button{border:0;background:#eef1f7;border-radius:50%;width:2.5rem;height:2.5rem;cursor:pointer}
.zone-catalog-search{display:block}.zone-catalog-search input{display:block;width:100%;margin:.35rem 0 1rem;padding:.8rem;border:1px solid #c8d0df;border-radius:10px}
.zone-catalog-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.zone-catalog-filters button{border:1px solid #c8d0df;background:#fff;color:#243046;border-radius:50px;padding:.55rem .9rem;cursor:pointer}.zone-catalog-filters button[aria-pressed=true]{background:#243046;color:#fff;border-color:#243046}
.zone-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.zone-catalog-card{display:flex;flex-direction:column;gap:.35rem;min-width:0;padding:.6rem;text-align:left;background:#fff;color:#243046;border:1px solid #d7deea;border-radius:12px;cursor:pointer}.zone-catalog-card:hover,.zone-catalog-card:focus-visible{border-color:#516a92;box-shadow:0 0 0 2px #516a9233}.zone-catalog-card[hidden]{display:none}.zone-catalog-card strong,.zone-catalog-card small{margin-inline:.35rem}.zone-catalog-card small{color:#52617a}
.zone-catalog-art{position:relative;display:flex;align-items:center;justify-content:center;gap:.45rem;height:115px;overflow:hidden;border-radius:8px;background:color-mix(in srgb,var(--paper,#f4f1ec) 88%,var(--accent,#586078));color:var(--ink,#27303a)}.zone-catalog-art i{display:block;border-radius:4px;background:var(--accent,#586078);opacity:.7}.art-cover{background:var(--ink,#27303a)}.art-cover i:first-child{width:56%;height:13px;background:var(--paper,#fff)}.art-cover i:nth-child(2){position:absolute;bottom:28px;left:22%;width:25%;height:7px;background:var(--paper,#fff)}.art-cover i:last-child{position:absolute;right:8%;width:28%;height:100%;opacity:.35}.art-text i{width:70%;height:6px}.art-text i:nth-child(2){position:absolute;top:42%;width:62%;height:6px}.art-text i:last-child{position:absolute;top:60%;width:51%;height:6px}.art-text-image i:first-child{width:42%;height:75%}.art-text-image i:nth-child(2){width:37%;height:8px}.art-text-image i:last-child{position:absolute;right:12%;top:58%;width:29%;height:5px}.art-cards i,.art-offers i,.art-gallery i{width:26%;height:76%;background:var(--paper,#fff);box-shadow:0 0 0 1px #aeb7c4}.art-gallery i{height:85%;background:var(--accent,#586078);opacity:.5}.art-steps i{width:22%;height:22%;border-radius:50%}.art-steps::after{content:"";position:absolute;left:22%;right:22%;height:2px;background:var(--ink,#27303a);z-index:0}.art-testimonial i:first-child{width:70%;height:5px}.art-testimonial i:nth-child(2){position:absolute;top:61%;width:48%;height:5px}.art-testimonial i:last-child{display:none}.art-cta{background:var(--ink,#27303a)}.art-cta i:first-child{width:56%;height:10px;background:var(--paper,#fff)}.art-cta i:nth-child(2){position:absolute;bottom:22px;width:27%;height:15px;background:var(--accent,#b3a6c8)}.art-cta i:last-child{display:none}.art-faq i,.art-articles i{width:70%;height:6px}.art-faq i:nth-child(2),.art-articles i:nth-child(2){position:absolute;top:53%;width:63%;height:6px}.art-faq i:last-child,.art-articles i:last-child{position:absolute;top:72%;width:50%;height:6px}.art-faq-search i:first-child{width:68%;height:30px;border:1px solid var(--ink,#27303a);background:transparent;border-radius:50px}.art-faq-search i:not(:first-child){display:none}.art-form i{width:70%;height:21px;border:1px solid #aeb7c4;background:#fff}.art-form i:nth-child(2){position:absolute;top:63%;width:70%}.art-form i:last-child{display:none}
@media(max-width:800px){.zone-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.zone-catalog{padding:1rem}.zone-catalog-grid{grid-template-columns:1fr}.zone-catalog-art{height:100px}}
.zone-catalog-art{padding:.7rem;font-size:10px;line-height:1.35}.zone-catalog-art b{font-size:12px}.zone-catalog-art em{font-style:normal}.zone-catalog-art .sample-photo{display:block;background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#586078) 76%,#fff),color-mix(in srgb,var(--ink,#27303a) 70%,#fff));border-radius:3px;min-width:0}.sample-cover{z-index:1;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;color:var(--paper,#fff);width:63%;text-align:left}.sample-cover span{font-size:8px;letter-spacing:.1em}.sample-cover b{font-family:var(--heading-font,Georgia,serif);font-size:16px}.sample-cover em,.sample-action em,.sample-form em,.sample-offer em{border:1px solid currentColor;padding:.3rem .5rem;font-size:8px}.art-cover>.sample-photo{position:absolute;inset:0 0 0 auto;width:53%;height:100%;opacity:.65}.art-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink,#27303a),transparent)}.zone-catalog-art.art-text,.zone-catalog-art.art-testimonial,.zone-catalog-art.art-faq,.zone-catalog-art.art-faq-search,.zone-catalog-art.art-form{background:var(--paper,#f4f1ec)}.sample-reading{display:flex;flex-direction:column;gap:.4rem;text-align:left;width:85%}.sample-reading b{font-family:var(--heading-font,Georgia,serif);font-size:14px}.art-text-image>.sample-photo{width:43%;height:90%}.art-text-image .sample-reading{width:46%}.sample-quote{max-width:86%;font-family:var(--heading-font,Georgia,serif);font-size:15px;text-align:center}.sample-quote small{display:block;font:9px system-ui,sans-serif;margin-top:.55rem}.sample-card{display:flex;flex-direction:column;text-align:left;gap:.18rem;width:44%;height:100%;padding:.25rem;background:var(--paper,#fff);border:1px solid #bbc4d1}.sample-card .sample-photo{width:100%;height:61%}.sample-card b{font-size:9px}.sample-card small{font-size:8px}.sample-step{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:28%;text-align:center}.sample-step b{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:var(--ink,#27303a);color:var(--paper,#fff)}.sample-offer{display:flex;flex-direction:column;align-items:flex-start;gap:.27rem;width:42%;padding:.55rem;background:var(--paper,#fff);border:1px solid #bbc4d1;text-align:left}.sample-offer strong{font-size:11px}.sample-offer small{font-size:8px}.sample-offer em{margin-top:auto}.sample-action{display:flex;flex-direction:column;align-items:center;gap:.3rem;color:var(--paper,#fff)}.sample-action b{font-family:var(--heading-font,Georgia,serif);font-size:16px}.sample-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.3rem;width:100%;height:100%}.sample-gallery .sample-photo:nth-child(2){transform:translateY(.5rem)}.sample-faq,.sample-form{width:87%;display:flex;flex-direction:column;gap:.45rem;text-align:left}.sample-faq>b,.sample-form>b{font-family:var(--heading-font,Georgia,serif);font-size:14px}.sample-faq>span:not(.sample-search){display:flex;justify-content:space-between;border-bottom:1px solid #aab5c5;padding:.3rem 0}.sample-search,.sample-form>span{padding:.35rem;border:1px solid #aab5c5;background:var(--paper,#fff);border-radius:3px}.sample-form em{align-self:flex-start;background:var(--ink,#27303a);color:var(--paper,#fff)}
.zone-catalog-card{cursor:default}.zone-catalog-actions{display:flex;gap:.5rem;margin:.4rem .35rem 0;flex-wrap:wrap}.zone-catalog-actions button,.zone-detail-actions button,.zone-detail-modes button{border:1px solid #516a92;border-radius:8px;background:#fff;color:#243046;padding:.5rem .8rem;cursor:pointer}.zone-catalog-actions button:last-child,.zone-detail-actions button:last-child,.zone-detail-modes button[aria-pressed=true]{background:#243046;color:#fff}.zone-catalog-actions button:focus-visible,.zone-detail button:focus-visible{outline:3px solid #516a92;outline-offset:2px}.zone-detail{width:min(760px,calc(100% - 1.5rem));max-height:90vh;overflow:auto;padding:1.3rem;border:1px solid #d7deea;border-radius:18px;background:#fff;color:#243046;box-shadow:0 24px 80px #18223755}.zone-detail::backdrop{background:#14203799}.zone-detail-modes,.zone-detail-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.zone-detail-actions{justify-content:flex-end}.zone-detail-stage{width:100%;height:250px;display:grid;place-items:center;margin:auto;overflow:hidden;border:1px solid #d7deea;border-radius:12px;background:#e9edf2}.zone-detail-stage>.zone-catalog-art{width:50%;height:50%;flex:none;transform:scale(2);border-radius:5px}.zone-detail-stage.is-mobile{width:min(100%,330px);height:310px}.zone-detail-stage.is-mobile>.zone-catalog-art{width:78%;height:78%;transform:scale(1.2)}.zone-detail-stage.is-mobile .sample-gallery{grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.zone-detail-stage:not(.is-mobile){height:165px}.zone-detail-stage:not(.is-mobile)>.zone-catalog-art{transform:scale(1.4);width:71%;height:71%}}
.zone-detail-stage .sample-gallery .sample-photo:nth-child(2){transform:none}
.zone-catalog-art .sample-gallery .sample-photo:nth-child(2){transform:none}

/* Éditeur : structure, aperçu et réglages contextuels du cahier validé. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.editor-workspace{max-width:none;padding:12px 12px 24px;background:#f2f5f6}
.editor-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:62px;padding:10px 18px;background:#fff;border:1px solid #ccd7de;border-bottom:0}
.editor-topbar>a{font-weight:700;color:#263c4e;text-decoration:none;white-space:nowrap}
.editor-topbar>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.editor-topbar small{color:#70808c;font-weight:400}
.editor-topbar>div{display:flex;gap:.45rem;align-items:center;flex:none}
.editor-topbar>div>a,.editor-topbar button{padding:.55rem .75rem;border-radius:0;background:#e7eef1;color:#213d4c;font-size:.85rem;font-weight:700;text-decoration:none}
.editor-topbar button[data-editor-publish]{background:#315a70;color:#fff}
.editor-workspace .editor-layout{display:grid;grid-template-columns:210px minmax(0,1fr) minmax(300px,360px);gap:0;align-items:stretch;min-height:calc(100vh - 92px);border:1px solid #ccd7de;background:#fff}
.editor-outline{grid-column:1;grid-row:1;padding:24px 14px;background:#fff;border-right:1px solid #d2dce2}
.editor-outline small,.editor-inspector-heading small{display:block;color:#526d7d;font-size:.72rem;font-weight:700;letter-spacing:.11em}
.editor-outline h2{font:700 1.15rem Inter,Arial,sans-serif;margin:20px 0 12px}
.editor-outline ol{list-style:none;padding:0;margin:0}
.editor-outline li{border-bottom:1px solid #e2e8eb}
.editor-outline button{display:block;width:100%;padding:11px 8px;text-align:left;background:transparent;color:#263d4b;border-radius:0;font-size:.83rem;font-weight:500;line-height:1.3}
.editor-outline button:hover,.editor-outline button[aria-current="true"]{background:#e2edf1;color:#173a4d}
.editor-outline button[aria-current="true"]{box-shadow:inset 4px 0 #1b5f83;font-weight:800}
.editor-outline .outline-help{margin:.2rem 0 .7rem;font-size:.78rem;color:#4d6573}
.editor-outline .outline-children{margin:0 0 .65rem 12px;padding:0 0 0 9px;border-left:2px solid #d4e1e8}
.editor-outline .outline-children li{border:0}
.editor-outline .outline-children button{padding:5px 8px;color:#445969;font-size:.77rem}
.editor-outline button:focus-visible,.editor-topbar a:focus-visible,.editor-topbar button:focus-visible{outline:3px solid #bb853b;outline-offset:2px}
.editor-outline .editor-outline-add{font-weight:700;color:#28566d;margin:12px 0}
.editor-outline hr{border:0;border-top:1px solid #d5dfe3;margin:18px 0}
.editor-workspace .editor-layout .live-preview{grid-column:2;grid-row:1;position:relative;top:auto;border:0;border-radius:0;background:#f2f5f6;padding:0 20px 24px;text-align:center;min-width:0}
.editor-workspace .live-preview>strong{display:block;padding:14px 0;text-align:left;color:#38566a}
.editor-workspace .live-preview>p{max-width:560px;margin:0 auto 12px;text-align:left}
.editor-workspace .live-preview iframe{width:min(100%,680px);height:calc(100vh - 205px);min-height:520px;margin:0 auto;border:1px solid #d6dfe4;box-shadow:0 4px 20px #23354718;background:#fff}
.editor-workspace #visual-editor{grid-column:3;grid-row:1;display:block;min-width:0;max-height:calc(100vh - 92px);overflow:auto;padding:20px 16px;border-left:1px solid #d2dce2;background:#fff}
.editor-inspector-heading{display:grid;gap:10px;margin-bottom:18px}
.editor-inspector-heading strong{font:700 1.15rem Inter,Arial,sans-serif}
.editor-zone-selected #visual-editor>label,.editor-zone-selected #visual-editor>details{display:none}
.editor-page-selected #visual-editor>.zone-editor{display:none}
.editor-zone-selected.editor-ui-ready #visual-editor>.zone-editor:not(.is-active){display:none}
.editor-workspace #visual-editor>.zone-editor{border:0;border-radius:0;padding:0;margin:0 0 20px}
.editor-workspace #visual-editor>.zone-editor .zone-toolbar{display:none}
.editor-workspace #visual-editor>.zone-editor .zone-settings{border:0;padding:0;margin:0;background:#fff}
.editor-workspace #visual-editor>.zone-editor .zone-settings>summary{display:none}
.editor-workspace #visual-editor .editor-save{padding:12px 0;background:#fff;border-top:1px solid #dce4e8}
.editor-workspace #visual-editor .editor-save button{padding:.55rem .7rem;font-size:.8rem}
@media(max-width:1050px){.editor-workspace .editor-layout{grid-template-columns:180px minmax(0,1fr)}.editor-outline{grid-column:1}.editor-workspace .editor-layout .live-preview{grid-column:2;grid-row:1}.editor-workspace #visual-editor{grid-column:1/-1;grid-row:2;max-height:none;overflow:visible;border-left:0;border-top:1px solid #d2dce2}.editor-workspace .live-preview iframe{height:540px}}
@media(max-width:650px){.editor-topbar{flex-wrap:wrap;padding:10px}.editor-topbar>strong{order:3;width:100%}.editor-topbar>div{margin-left:auto}.editor-workspace .editor-layout{grid-template-columns:minmax(0,1fr)}.editor-outline{grid-column:1;grid-row:1;border-right:0;border-bottom:1px solid #d2dce2;padding:14px}.editor-outline ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.editor-workspace .editor-layout .live-preview{grid-column:1;grid-row:2;padding:0 12px 16px}.editor-workspace .live-preview iframe{height:410px;min-height:0}.editor-workspace #visual-editor{grid-column:1;grid-row:3}.editor-topbar>div>a{display:none}}
.editor-workspace #visual-editor>.editor-inspector-heading{position:sticky;top:0;z-index:3;background:#fff;padding:12px 0;border-bottom:1px solid #e1e8eb}
.editor-workspace{width:100%}
@media(max-width:650px){.editor-topbar>div{flex-wrap:wrap;justify-content:flex-end;min-width:0;max-width:100%}.editor-topbar button{padding:.45rem .55rem;font-size:.78rem}}
.editor-save [hidden]{display:none!important}
.editor-ui-ready .editor-save{display:none}
.editor-topbar button:disabled{opacity:.45;cursor:not-allowed}
.editor-workspace #visual-editor .zone-group{border:1px solid #d9e2e7;margin:12px 0;background:#fff;padding:0 10px 10px}
.editor-workspace #visual-editor .zone-group>summary{font-weight:700;cursor:pointer;padding:12px 2px;color:#253f50}
.editor-workspace #visual-editor .zone-group-content{padding:6px 0}
.editor-workspace #visual-editor .zone-group-content h3{font-size:.95rem;color:#253f50;margin:0 0 10px}
.editor-workspace #visual-editor .zone-organization{margin:14px 0}
.editor-workspace #visual-editor .zone-organization .zone-actions{justify-content:flex-start}
.editor-workspace #visual-editor .media-choice-actions{display:flex;gap:6px;flex-wrap:wrap}
.editor-workspace #visual-editor .media-choice-actions button{font-size:.8rem;padding:.5rem .6rem}
.editor-workspace #visual-editor .media-choice-actions button:disabled{opacity:.5;cursor:not-allowed}

.zone-catalog-head>button{color:#243046}
.page-list{padding:0;list-style:none;display:grid;gap:.7rem}.page-list-item{padding:1rem;background:#fff;border:1px solid #d4dee5;border-radius:8px}.page-list-item details{margin-top:.45rem}.page-list-item details form{max-width:440px}.page-list-item .danger{background:#8a3030}.page-list-item .danger:hover{background:#682323}
/* Apparence : réglages lisibles à gauche, page réellement enregistrée à droite. */
.appearance-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem 1.2rem;background:#e7eef2;border:1px solid #cbd8df;margin:0 0 1rem}.appearance-topbar>div{display:flex;gap:.5rem;flex-wrap:wrap}.appearance-topbar button,.appearance-preview-bar button{padding:.5rem .8rem}.appearance-topbar button[aria-pressed=true],.appearance-preview-bar button[aria-pressed=true]{background:#263b4a}.appearance-layout{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:1.2rem;align-items:start}.appearance-layout form{min-width:0;background:#fff;border:1px solid #d4dee5;padding:1rem 1.2rem}.appearance-layout form h2{font:600 1.45rem Georgia,serif;margin:.25rem 0}.appearance-layout form h3{font-size:.95rem;margin:.25rem 0 .8rem}.appearance-layout form>section,.appearance-layout form>details{border-top:1px solid #d4dee5;padding:1.2rem 0;margin:1.2rem 0 0}.appearance-layout form p{font-size:.9rem;line-height:1.5}.appearance-color{position:relative;display:flex;align-items:center;gap:.7rem;margin:.55rem 0;min-height:42px;font-weight:400;cursor:pointer}.appearance-color .color-swatch{width:22px;height:22px;border:1px solid #bdc8ca;border-radius:50%;flex:none}.appearance-color .color-change{margin-left:auto;color:#205072;font-size:.85rem;font-weight:700}.appearance-color input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.appearance-layout .font-pair{margin:0;min-width:0;border-radius:0}.appearance-layout .font-pair input{position:absolute;width:1px;height:1px;opacity:0}.appearance-layout .font-pair:focus-within{outline:3px solid #2c5b84}.appearance-layout .font-pair strong{font-weight:700}.appearance-layout .font-pair span{overflow-wrap:anywhere}.appearance-layout .editor-save{position:static;display:grid;gap:.5rem;background:transparent}.appearance-layout .editor-save button{width:100%}.appearance-preview{min-width:0;background:#fff;border:1px solid #d4dee5;padding:1rem}.appearance-preview-bar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;background:#e7eef2;padding:.45rem .7rem}.appearance-preview iframe{display:block;width:100%;height:min(75vh,780px);margin:.6rem auto;border:1px solid #d5dee4;transition:width .2s;background:#fff}.appearance-preview iframe.is-mobile{width:min(100%,390px)}.appearance-preview p{font-size:.87rem;color:#455e6e}.appearance-models{background:#fff;padding:1rem;border:1px solid #d4dee5}@media(max-width:960px){.appearance-layout{grid-template-columns:1fr}.appearance-preview{order:-1}.appearance-preview iframe{height:520px}}
.page-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-list-item>div{min-width:0}.page-list-item .page-delete{flex:0 1 230px;margin:0}.page-delete>summary{display:block;cursor:pointer;padding:.55rem .75rem;border:1px solid #935050;color:#7a2d2d;font-weight:700;text-align:center}.page-delete>summary:hover,.page-delete>summary:focus-visible{background:#f9e8e8}.page-delete[open]{flex-basis:440px}.page-delete[open]>summary{margin-bottom:1rem}@media(max-width:700px){.page-list-item{display:block}.page-list-item .page-delete{margin-top:1rem}}
.package-panel{border:1px solid #d6e0e5;background:#f7fafb;padding:1.3rem;margin:1.2rem 0}.package-panel h3{margin:0 0 .6rem}.package-panel form{display:grid;gap:.7rem;justify-items:start}.package-panel input[type=file]{display:block;margin:.4rem 0;padding:.65rem;background:#fff;border:1px solid #aebfc8;max-width:100%}.package-backup{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;padding:1rem;border-top:1px solid #d6e0e5}.package-backup strong{overflow-wrap:anywhere}.package-backup form{width:100%;max-width:500px}.package-backup .danger{background:#843838}

/* Conserver le titre de l’inspecteur visible pendant le parcours des réglages. */
.editor-workspace #visual-editor{scroll-padding-top:84px}
.editor-workspace .editor-inspector-heading{min-height:64px}
.appearance-layout .font-pairs{grid-template-columns:minmax(0,1fr)}
.appearance-layout form label.font-pair{display:block;min-width:0;padding:.85rem 1rem;line-height:1.4}
.appearance-layout form label.font-pair strong,.appearance-layout form label.font-pair span{display:block;overflow-wrap:normal;word-break:normal}
.editorial-settings{display:grid;gap:.65rem}
.editorial-settings .editorial-actions{display:flex;flex-wrap:wrap;gap:.45rem}
.editorial-settings .editorial-actions button{margin:0}
.editorial-settings .editorial-danger{background:#873e37}
/* Parcours administration : réglages regroupés, actions essentielles visibles. */
.editorial-create-panel{border:1px solid #d4dee5;background:#f5f8fa;padding:.7rem 1rem;margin:1rem 0}
.editorial-create-panel>summary{font-weight:700;cursor:pointer;color:#25475a}
.editorial-create-panel .editorial-create{margin-top:.7rem}
.editorial-filters{display:flex;gap:.7rem;align-items:end;flex-wrap:wrap;padding:1rem;background:#f5f8fa;border:1px solid #d4dee5}
.editorial-filters label{flex:1 1 180px;margin:0;min-width:0}
.editorial-filters button{align-self:end}.editorial-filters a{padding:.6rem}
.editorial-pagination{display:flex;justify-content:flex-end;align-items:center;gap:1rem;flex-wrap:wrap;margin:1rem 0}
.editorial-pagination span{margin-right:auto}.editorial-pagination a{padding:.6rem .8rem;border:1px solid #b7c7d0}
.appearance-layout form>details{border-top:1px solid #d4dee5;padding:.85rem 0;margin:.6rem 0 0;background:#fff;border-radius:0}
.appearance-layout form>details>summary{font-weight:700;font-size:1rem;color:#23465a;cursor:pointer}
.appearance-layout .appearance-number{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-width:0}
.appearance-layout .appearance-number span{white-space:nowrap;font-weight:400}
.appearance-layout .appearance-number input{display:inline-block;width:5rem;margin:0;padding:.4rem}
.appearance-layout .appearance-check{display:inline-flex;align-items:center;gap:.5rem}
.appearance-layout .appearance-check input[type=checkbox]{width:1.15rem;height:1.15rem;margin:0}
.editor-topbar>div{min-width:0}
.editor-more{position:relative;flex:none}
.editor-more>summary{cursor:pointer;background:#e7eef1;color:#213d4c;font-weight:700;font-size:.85rem;padding:.55rem .75rem;list-style:none}
.editor-more>summary::-webkit-details-marker{display:none}
.editor-more>div{position:absolute;right:0;top:100%;z-index:20;display:grid;gap:2px;min-width:180px;padding:.5rem;background:white;border:1px solid #cbd8df;box-shadow:0 12px 26px #172d3c33}
.editor-more button,.editor-more a{display:block;width:100%;text-align:left;white-space:nowrap}
@media(max-width:650px){.editor-more>div{right:0}.editorial-list li{align-items:flex-start}.editorial-list li a{min-width:0;flex-basis:100%}}

.zone-editor[data-zone-type="gallery"] .item-visual img,.media-choice-current img,.media-picker-grid img,.media-card img{object-fit:contain!important;object-position:center}

/* beta33: insertion controls between every page block. */
.editor-outline button.outline-insert{display:block;width:100%;font-size:12px;padding:6px 8px;margin:8px 0;border:1px dashed #8b9aa3;background:transparent;color:#284e61;text-align:left}
.editor-outline button.outline-insert:hover,.editor-outline button.outline-insert:focus-visible{background:#e4edf1;border-color:#284e61}
.zone-catalog [data-insert-position]{margin:0 0 14px;padding:8px 12px;background:#edf2f4;color:#284e61;font-size:14px}