.overlay-editor{direction:ltr;color:#172033;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.overlay-editor *{box-sizing:border-box}.overlay-editor [hidden]{display:none!important}.overlay-editor button,.overlay-editor input,.overlay-editor select{font:inherit}.overlay-editor__accordion{border:1px solid #ccd6e6;border-radius:16px;background:#f7f9fc;box-shadow:0 12px 34px rgba(23,32,51,.1);overflow:clip}.overlay-editor__accordion-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:#fff;cursor:pointer;list-style:none;border-bottom:1px solid #e1e7f0}.overlay-editor__accordion-summary::-webkit-details-marker{display:none}.overlay-editor__summary-title{font-size:1.12rem;font-weight:800}.overlay-editor__summary-status{font-size:.82rem;color:#526079;background:#eef2f8;border-radius:999px;padding:7px 12px}.overlay-editor__intro{margin:0;padding:13px 22px;color:#5a667b;background:#fff}.overlay-editor__workspace{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(520px,1.35fr);gap:16px;padding:16px;align-items:start}.overlay-editor__settings-column{display:grid;gap:14px;min-width:0}.overlay-editor__preview-column{position:sticky;top:16px;min-width:0}.overlay-editor__panel,.overlay-editor__preview-shell{background:#fff;border:1px solid #d9e1ec;border-radius:14px;padding:16px}.overlay-editor__panel h4,.overlay-editor__panel h5{margin:0 0 12px}.overlay-editor__panel h4{font-size:1rem}.overlay-editor__panel h5{font-size:.86rem;color:#34415a}.overlay-editor__toggle{display:flex;align-items:center;gap:9px;font-weight:700;cursor:pointer}.overlay-editor__toggle input{width:18px;height:18px}.overlay-editor__buttons-body,.overlay-editor__logo-body{display:grid;gap:15px;margin-top:14px}.overlay-editor__layout-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.overlay-editor__layout-card{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:9px;min-height:76px;padding:8px;text-align:left;color:#28354e;background:#fff;border:1px solid #d6deea;border-radius:11px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.overlay-editor__layout-card:hover{border-color:#5b82e8;transform:translateY(-1px)}.overlay-editor__layout-card.is-selected{border:2px solid #275fd6;background:#eef4ff;box-shadow:0 0 0 3px rgba(39,95,214,.12)}.overlay-editor__layout-diagram{position:relative;display:block;width:68px;height:54px;border:1px solid #aab7cb;border-radius:6px;background:linear-gradient(135deg,#eef2f7,#fff)}.overlay-editor__layout-diagram:after{content:"";position:absolute;inset:11px 14px;border:1px dashed #9aa9c0;border-radius:3px}.overlay-editor__layout-dot{position:absolute;z-index:1;width:7px;height:7px;border-radius:50%;background:#2765dc;transform:translate(-50%,-50%)}.overlay-editor__layout-copy{display:grid;gap:3px}.overlay-editor__layout-copy strong{font-size:.78rem}.overlay-editor__layout-copy small{font-size:.67rem;line-height:1.25;color:#65728a}.overlay-editor__zone-control{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;background:#eef2f7;border-radius:11px}.overlay-editor__zone-option{min-height:45px;padding:7px;border:0;border-radius:8px;background:transparent;color:#4d5b72;font-size:.72rem;cursor:pointer}.overlay-editor__zone-option.is-selected{background:#fff;color:#164fae;font-weight:800;box-shadow:0 2px 8px rgba(38,54,82,.14)}.overlay-editor__list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.overlay-editor__add,.overlay-editor__tool{border:1px solid #c9d3e2;background:#fff;color:#274166;border-radius:8px;padding:8px 10px;cursor:pointer}.overlay-editor__add{background:#205fd0;color:#fff;border-color:#205fd0;font-weight:750}.overlay-editor button:disabled,.overlay-editor select:disabled,.overlay-editor input:disabled{opacity:.5;cursor:not-allowed}.overlay-editor__list{display:grid;gap:8px}.overlay-editor__row{border:1px solid #d9e1ec;border-radius:11px;background:#fff;overflow:hidden}.overlay-editor__row.is-selected{border-color:#2d6ce0;box-shadow:0 0 0 3px rgba(45,108,224,.12)}.overlay-editor__row-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;cursor:pointer;list-style:none}.overlay-editor__row-summary::-webkit-details-marker{display:none}.overlay-editor__row-summary>span:first-child{display:grid;gap:2px}.overlay-editor__row-summary small{color:#67748b}.overlay-editor__status-badge{font-size:.68rem;padding:4px 7px;border-radius:999px;background:#eaf7ee;color:#20713b}.overlay-editor__row-body{border-top:1px solid #e4e9f1;padding:12px;display:grid;gap:10px}.overlay-editor__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.overlay-editor__field{display:grid;gap:5px;font-size:.75rem;color:#4d5a70}.overlay-editor__field input,.overlay-editor__field select,.overlay-editor__coordinate-field input,.overlay-editor__preview-header select,.overlay-editor__preview-toolbar select{width:100%;min-height:38px;border:1px solid #c8d2e1;border-radius:8px;background:#fff;padding:7px 9px;color:#1f2d46}.overlay-editor__row-tools{display:flex;flex-wrap:wrap;gap:6px}.overlay-editor__row-tools .overlay-editor__tool{font-size:.7rem;padding:6px 8px}.overlay-editor__danger{color:#b02c3a!important;border-color:#e6b8be!important}.overlay-editor__empty-list{margin:0;padding:16px;text-align:center;color:#69758b;border:1px dashed #c9d3e1;border-radius:10px}.overlay-editor__logo-drop{display:grid;gap:4px;padding:13px;border:2px dashed #9eb5d7;border-radius:10px;background:#f7faff;cursor:pointer}.overlay-editor__logo-drop span{font-size:.72rem;color:#627089}.overlay-editor__logo-drop input{margin-top:5px;max-width:100%}.overlay-editor__logo-preview-card{display:grid;place-items:center;min-height:112px;border:1px solid #d5deeb;border-radius:10px;background:repeating-conic-gradient(#f1f3f6 0 25%,#fff 0 50%) 50%/18px 18px;overflow:hidden}.overlay-editor__logo-preview-card img{max-width:85%;max-height:92px;object-fit: contain}.overlay-editor__logo-preview-card span{padding:8px;background:rgba(255,255,255,.85);color:#6b778d}.overlay-editor__preview-shell{padding:14px;box-shadow:0 12px 30px rgba(25,39,65,.12)}.overlay-editor__preview-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.overlay-editor__preview-header>div{display:grid;gap:3px}.overlay-editor__target-name{font-size:.76rem;color:#647188}.overlay-editor__preview-header select{width:auto;min-width:160px}.overlay-editor__manual-mode{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;margin-bottom:10px;border:1px solid #bfd0eb;border-radius:11px;background:#f4f8ff}.overlay-editor__manual-mode>div{display:grid;gap:3px}.overlay-editor__manual-mode span{font-size:.76rem;color:#60708a}.overlay-editor__switch{position:relative;display:inline-flex}.overlay-editor__switch input{position:absolute;opacity:0;pointer-events:none}.overlay-editor__switch-track{position:relative;width:52px;height:29px;border-radius:999px;background:#9ba8b9;cursor:pointer;transition:.18s}.overlay-editor__switch-track:after{content:"";position:absolute;width:23px;height:23px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:.18s}.overlay-editor__switch input:checked+.overlay-editor__switch-track{background:#2366dc}.overlay-editor__switch input:checked+.overlay-editor__switch-track:after{transform:translateX(23px)}.overlay-editor__preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:9px}.overlay-editor__preview-toolbar .overlay-editor__tool,.overlay-editor__preview-toolbar select{font-size:.7rem;min-height:34px;padding:6px 8px}.overlay-editor__preview-toolbar select{width:auto;margin-left:auto}.overlay-editor__manual-hint{margin:7px 0;padding:8px 10px;border-radius:8px;background:#e8f1ff;color:#1851ad;font-weight:700;font-size:.8rem}.overlay-editor__preview{position:relative;min-height:540px;height:min(62vh,680px);overflow:hidden;border:1px solid #a9b8cc;border-radius:12px;background:#dce3ed;isolation:isolate;cursor:grab;touch-action:none;overscroll-behavior:contain}.overlay-editor__preview.is-panning{cursor:grabbing}.overlay-editor__scene{position:absolute;inset:0;transform:translate(0,0) scale(.94);transform-origin:center;transition:none;will-change:transform;background:radial-gradient(circle at center,rgba(255,255,255,.92),rgba(216,225,237,.92));}.overlay-editor__scene:before{content:"Zone autour de la cible";position:absolute;left:12px;top:10px;color:#66748b;font-size:.7rem;background:rgba(255,255,255,.82);padding:4px 7px;border-radius:6px}.overlay-editor__target-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68%;height:68%;border:3px solid #1e66dc;border-radius:4px;background:#fff;box-shadow:0 0 0 8px rgba(30,102,220,.12),0 14px 35px rgba(30,47,74,.28);overflow:hidden;z-index:2}.overlay-editor__target-frame:before{content:"Zone de la cible";position:absolute;left:8px;top:8px;z-index:2;padding:4px 7px;border-radius:5px;background:rgba(15,49,104,.82);color:#fff;font-size:.68rem}.overlay-editor__target-image{display:block;width:100%;height:100%;object-fit: contain;background:#fff}.overlay-editor__center-guide{position:absolute;left:50%;top:50%;width:22px;height:22px;border:1px solid rgba(23,83,177,.7);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.overlay-editor__center-guide:before,.overlay-editor__center-guide:after{content:"";position:absolute;background:rgba(23,83,177,.65)}.overlay-editor__center-guide:before{width:34px;height:1px;left:-7px;top:10px}.overlay-editor__center-guide:after{width:1px;height:34px;left:10px;top:-7px}.overlay-editor__target-placeholder{position:absolute;inset:26% 18%;display:grid;place-items:center;text-align:center;padding:20px;border:2px dashed #be4454;border-radius:10px;background:#fff3f4;color:#9f2435;font-weight:750;z-index:3}.overlay-editor__button-layer,.overlay-editor__logo-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.overlay-editor__preview-item{position:absolute;display:inline-flex;align-items:center;gap:7px;max-width:180px;min-height:42px;padding:8px 11px;border:2px solid #fff;border-radius:999px;background:#172d52;color:#fff;box-shadow:0 6px 18px rgba(15,34,66,.3);transform:translate(-50%,-50%) scale(var(--button-scale,1));transform-origin:center;pointer-events:auto;white-space:nowrap}.overlay-editor__preview-item.is-selected{outline:4px solid rgba(40,119,255,.42);outline-offset:3px}.overlay-editor__preview-item--draggable{cursor:grab;touch-action: none}.overlay-editor__preview-item--draggable.is-dragging{cursor:grabbing}.overlay-editor__icon-fallback{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.2);font-weight:800}.overlay-editor__preview-empty{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);padding:8px 11px;border-radius:7px;background:rgba(255,255,255,.9);color:#5d687a}.overlay-editor__preview-logo{position:absolute;max-width:140px;max-height:86px;object-fit: contain;transform:translate(-50%,-100%) scale(var(--logo-scale,1));filter:drop-shadow(0 5px 10px rgba(0,0,0,.25));pointer-events:none}.overlay-editor__preview[data-zone="inside"] .overlay-editor__target-frame{box-shadow:0 0 0 8px rgba(36,158,91,.2),0 14px 35px rgba(30,47,74,.28);border-color:#23965a}.overlay-editor__preview[data-zone="outside"]{background:#f3dfbd}.overlay-editor__preview[data-zone="outside"] .overlay-editor__target-frame{border-color:#b97300;box-shadow:0 0 0 9px rgba(200,124,0,.24),0 14px 35px rgba(30,47,74,.28)}.overlay-editor__preview[data-zone="extended"]{background:#dce3ed}.overlay-editor__overlap-warning,.overlay-editor__error{margin-top:9px;padding:9px 11px;border-radius:8px;background:#fff1d8;color:#7a4b00;font-weight:700}.overlay-editor__error{background:#ffe8eb;color:#9c2433}.overlay-editor__coordinates{display:grid;gap:9px;margin-top:10px;padding:12px;border:1px solid #d7dfeb;border-radius:10px;background:#f8fafc}.overlay-editor__coordinate-empty{font-size:.78rem;color:#69758a}.overlay-editor__coordinate-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.overlay-editor__coordinate-field{display:grid;gap:4px;font-size:.72rem;color:#536078}.overlay-editor__coordinate-field input{font-variant-numeric:tabular-nums}.overlay-editor__accordion:focus-within{outline:2px solid rgba(39,98,216,.15);outline-offset:2px}
@media(max-width:1100px){.overlay-editor__workspace{grid-template-columns:1fr}.overlay-editor__preview-column{position:static;grid-row:1}.overlay-editor__preview{min-height:500px;height:560px}}
@media(max-width:680px){.overlay-editor__accordion-summary{align-items:flex-start;flex-direction:column}.overlay-editor__workspace{padding:9px;gap:9px}.overlay-editor__panel,.overlay-editor__preview-shell{padding:11px}.overlay-editor__preview{min-height:430px;height:58vh}.overlay-editor__layout-gallery{grid-template-columns:1fr}.overlay-editor__fields{grid-template-columns:1fr}.overlay-editor__zone-control{grid-template-columns:1fr}.overlay-editor__preview-header,.overlay-editor__manual-mode{align-items:flex-start;flex-direction:column}.overlay-editor__preview-toolbar{display:grid;grid-template-columns:repeat(2,1fr)}.overlay-editor__preview-toolbar select{width:100%;margin:0;grid-column:1/-1}.overlay-editor__coordinate-fields{grid-template-columns:1fr}.overlay-editor__preview-item{max-width:135px;padding:7px 9px;font-size:.73rem}.overlay-editor__target-frame{width:76%;height:64%}}
/* Admin preview contract: preserve Viewer-approved square geometry without touching the Viewer. */
.overlay-editor__preview-item{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:var(--overlay-button-aspect,1);max-width:none;min-height:0;padding:0;gap:0;white-space:normal;overflow:visible;border-radius:var(--overlay-button-radius,21.1538%);line-height:1}
.overlay-editor__preview-item.is-selected,.overlay-editor__preview-item--draggable,.overlay-editor__preview-item--draggable.is-dragging{aspect-ratio:var(--overlay-button-aspect,1);border-radius:var(--overlay-button-radius,21.1538%)}
.overlay-editor__preview-item .overlay-editor__icon-fallback{display:grid;place-items:center;width:100%;height:100%;flex:none;border-radius:0;background:transparent;color:#fff}
.overlay-editor__preview-item .overlay-editor__icon-fallback svg{display:block;width:100%;height:100%;color:#fff}
.overlay-editor__preview-label{display:block;width:100%;color:#fff;text-align:center;line-height:1.05;font-weight:700;overflow:visible;overflow-wrap:anywhere;word-break:normal;white-space:normal}
.overlay-editor__preview-halo{box-sizing:border-box;transform-origin:center;will-change:transform,opacity}
.overlay-editor__preview-toolbar .overlay-editor__tool{white-space:normal}
.overlay-editor__preview-label{overflow-wrap:normal;word-break:keep-all;white-space:pre-line;max-height:2.16em;overflow:hidden}
.overlay-editor__preview-label{display:block!important;visibility:visible;opacity:1;position:relative;z-index:2;flex:0 0 auto;max-height:2.16em;overflow:hidden;overflow-wrap:normal;word-break:keep-all;white-space:pre-line;text-orientation:mixed}

@media(min-width:681px) and (max-width:1100px){.overlay-editor__preview-column,.overlay-editor__preview-shell{width:min(760px,100%);margin-inline:auto}.overlay-editor__preview{min-height:680px;height:720px}.overlay-editor__target-frame{width:56%;height:56%}}
@media(max-width:680px){.overlay-editor__preview{min-height:480px;height:min(68vh,620px)}.overlay-editor__target-frame{width:64%;height:64%}}
/* Final responsive containment: keep the Overlay workspace inside the host edit-page column. */
.overlay-editor,.overlay-editor__accordion,.overlay-editor__workspace,.overlay-editor__settings-column,.overlay-editor__preview-column,.overlay-editor__preview-shell{width:100%;max-width:100%;min-width:0}
.overlay-editor{overflow-x:clip}
:where(.overlay-editor){--overlay-editor-header-clearance:72px;overflow-y:visible}
.overlay-editor__workspace{grid-template-columns:minmax(0,1fr);align-items:start}
.overlay-editor__preview-column{position:static;top:auto}
.overlay-editor__preview-shell{margin:0 0 max(16px,env(safe-area-inset-bottom));scroll-margin-bottom:96px}
.overlay-editor__preview{width:100%;min-height:420px;height:clamp(440px,68vw,760px)}
@media(max-width:680px){.overlay-editor__preview{min-height:390px;height:clamp(410px,118vw,620px)}.overlay-editor__preview-shell{margin-bottom:max(88px,calc(72px + env(safe-area-inset-bottom)))}}
/* Compact native settings accordions and editor-contained persistent Preview. */
.overlay-editor__settings-accordion{min-width:0;border:1px solid #d9e1ec;border-radius:12px;background:#fff;overflow:clip}
.overlay-editor__settings-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:11px 13px;cursor:pointer;list-style:none;background:#f8fafc}
.overlay-editor__settings-summary::-webkit-details-marker{display:none}
.overlay-editor__settings-summary:after{content:"+";flex:0 0 auto;font-size:1.1rem;color:#536078}
.overlay-editor__settings-accordion[open]>.overlay-editor__settings-summary:after{content:"−"}
.overlay-editor__settings-summary:focus-visible{outline:2px solid #2765dc;outline-offset:-2px}
.overlay-editor__settings-status{margin-left:auto;color:#65728a;font-size:.72rem;text-align:right}
.overlay-editor__settings-content{display:grid;gap:13px;padding:13px;border-top:1px solid #e1e7f0}
.overlay-editor__settings-content>.overlay-editor__coordinates{margin-top:0}
.overlay-editor__settings-content>select{width:100%;min-height:38px;border:1px solid #c8d2e1;border-radius:8px;background:#fff;padding:7px 9px;color:#1f2d46}
.overlay-editor__preview-column{grid-row:1}
.overlay-editor__settings-column{grid-row:2}
@media(min-width:1101px) and (max-width:1279px){.overlay-editor__target-frame{width:48%;height:48%}}
@media(min-width:1280px){
  .overlay-editor__accordion{overflow:visible}
  .overlay-editor__workspace{position:sticky;top:var(--overlay-editor-header-clearance);height:calc(100dvh - var(--overlay-editor-header-clearance) - 12px);max-height:none;min-height:0;overflow:hidden;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:stretch}
  .overlay-editor__settings-column{grid-column:1;grid-row:1;align-self:stretch;height:100%;max-height:none;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:4px;scrollbar-gutter:stable}
  .overlay-editor__preview-column{grid-column:2;grid-row:1;position:static;top:auto;align-self:stretch;height:100%;max-height:none;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
  .overlay-editor__preview-shell{display:block;height:auto;max-height:none;min-height:0;overflow:visible;margin:0}
  .overlay-editor__preview{width:100%;height:min(620px,calc(100dvh - var(--overlay-editor-header-clearance) - 190px));min-height:520px;max-height:620px}
  .overlay-editor__target-frame{width:52%;height:52%}
}@media(max-width:1279px){
  .overlay-editor__workspace{position:static;top:auto;height:auto;max-height:none;overflow:visible;grid-template-columns:minmax(0,1fr);align-items:start}
  .overlay-editor__preview-column{grid-column:1;grid-row:1;position:static;top:auto;bottom:auto;height:auto;max-height:none;overflow:visible}
  .overlay-editor__settings-column{grid-column:1;grid-row:2;height:auto;max-height:none;overflow:visible;padding-right:0;scrollbar-gutter:auto}
  .overlay-editor__preview-shell{height:auto;max-height:none;overflow:visible}
}