.pognou-selfie{--ps-bg:#f4eae0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;max-width:540px;height:min(790px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);margin:0 auto;padding:12px;border-radius:16px;background:var(--ps-bg);color:#222;font-family:inherit;text-align:center;overflow:hidden}
.pognou-selfie *{box-sizing:border-box}.pognou-selfie [hidden]{display:none!important}
.pognou-selfie .ps-title{flex:none;margin:0!important;color:#171717;font-weight:700;font-size:clamp(18px,3vw,24px)!important;line-height:1.3!important}
.pognou-selfie .ps-view{position:relative;flex:1 1 auto;align-self:center;min-height:0;min-width:0;flex:1 1 auto;height:auto;width:auto;max-width:100%;aspect-ratio:2/3;overflow:hidden;border-radius:12px;background:#f4eae0;touch-action:none}
.pognou-selfie .ps-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.pognou-selfie .ps-canvas:active{cursor:grabbing}
.pognou-selfie .ps-video{display:none}
.pognou-selfie .ps-zoom{flex:none;display:grid;grid-template-columns:repeat(4,34px);justify-content:center;align-items:center;gap:14px;width:100%;min-height:36px;margin:0 auto}
.pognou-selfie .ps-zoom button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #bbb;background:rgba(255,255,255,.95);color:#222;font-size:22px;line-height:1;padding:0;box-shadow:none}
.pognou-selfie .ps-overlay-message{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:max-content;max-width:92%;padding:7px 11px;margin:0!important;border-radius:18px;background:rgba(30,30,30,.75);color:white;font-size:12px;line-height:1.3;pointer-events:none}
.pognou-selfie .ps-toolbar{flex:none;display:grid;grid-template-columns:54px 66px 54px;align-items:center;justify-items:center;justify-content:center;column-gap:20px;width:100%;height:66px;margin:0;padding:0}
.pognou-selfie button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pognou-selfie button:focus-visible{outline:3px solid #986d4e;outline-offset:2px}.pognou-selfie button:disabled{opacity:.5;cursor:wait}
.pognou-selfie .ps-icon-btn{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;padding:10px;background:transparent;color:#222;box-shadow:none}
.pognou-selfie .ps-icon-btn svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pognou-selfie .ps-shutter{display:grid;place-items:center;width:64px;height:64px;padding:5px;border:3px solid #222;border-radius:50%;background:transparent;box-shadow:none}
.pognou-selfie .ps-shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#222}
.pognou-selfie .ps-tool-spacer{display:block;width:48px;height:48px}
.pognou-selfie .ps-result-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:330px}
.pognou-selfie .ps-text-btn{width:100%;border:0;border-radius:12px;background:#222;color:#fff;font-size:14px;font-weight:600;padding:10px 14px;min-height:44px}
.dialog-widget:has(.pognou-selfie) .dialog-widget-content{max-height:100dvh!important;max-width:calc(100vw - 12px)!important;overflow:hidden!important}
.dialog-widget:has(.pognou-selfie) .dialog-message{max-height:100dvh!important;overflow:hidden!important;padding:0!important}
.dialog-widget:has(.pognou-selfie) .dialog-close-button{z-index:10}
@media(max-width:767px){.pognou-selfie{max-width:100vw;width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:calc(env(safe-area-inset-top,0px) + 12px) 9px calc(env(safe-area-inset-bottom,0px) + 8px)}.pognou-selfie .ps-title{padding-right:30px}.pognou-selfie .ps-toolbar{height:70px}.dialog-widget:has(.pognou-selfie) .dialog-widget-content{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important}.dialog-widget:has(.pognou-selfie) .dialog-message{height:100dvh!important;max-height:100dvh!important}.dialog-widget:has(.pognou-selfie) .dialog-close-button{top:12px!important;right:12px!important}}
@media(max-height:600px){.pognou-selfie{gap:5px;padding-top:6px;padding-bottom:4px}.pognou-selfie .ps-toolbar{height:55px}.pognou-selfie .ps-shutter{width:52px;height:52px}}

/* Preserve canvas proportions in Elementor popups. */
.pognou-selfie .ps-view{object-fit:contain}
.pognou-selfie .ps-zoom{order:2}
.pognou-selfie .ps-preview-tools,.pognou-selfie .ps-result-tools{order:3}
@media (hover:none) and (pointer:coarse){.pognou-selfie .ps-zoom{display:none}}

/* v1.4.0: 4 clearly aligned commands (gallery, shutter, camera-switch, reset). */
.pognou-selfie .ps-preview-tools{grid-template-columns:48px 66px 48px 48px;column-gap:12px}
.pognou-selfie .ps-reset{justify-self:center}
@media(max-width:380px){.pognou-selfie .ps-preview-tools{column-gap:6px}}

/* v1.5.0 - Three symmetric positions: shutter always exactly in the center. */
.pognou-selfie .ps-preview-tools{display:grid!important;grid-template-columns:minmax(48px,1fr) 72px minmax(48px,1fr)!important;column-gap:0!important;justify-items:center!important;align-items:center!important;width:100%!important;max-width:340px;margin:0 auto!important}
.pognou-selfie .ps-preview-tools .ps-upload{grid-column:1;grid-row:1}
.pognou-selfie .ps-preview-tools .ps-capture{grid-column:2;grid-row:1;justify-self:center!important}
.pognou-selfie .ps-preview-tools .ps-reset{grid-column:3;grid-row:1;justify-self:center!important}
.pognou-selfie .ps-view>.ps-switch{position:absolute;top:12px;right:12px;z-index:5;background:rgba(255,255,255,.88);width:42px;height:42px;box-shadow:0 2px 7px rgba(0,0,0,.12)}
.pognou-selfie .ps-view>.ps-switch[hidden]{display:none!important}

/* v1.5.1 improvements */
.pognou-selfie .ps-view>.ps-switch svg{width:22px;height:22px}
@media (hover:none) and (pointer:coarse){.pognou-selfie .ps-zoom{display:none}}

/* 1.5.4 — voluntary publication: small inline control + privacy panel over the selfie */
.pognou-selfie{position:relative}
.pognou-selfie .ps-publish-toggle{order:4;flex:none;width:100%;max-width:330px;min-height:36px;padding:7px 10px;border:1px solid #333;border-radius:10px;background:transparent;color:#222;font-size:13px;font-weight:600}
.pognou-selfie .ps-publish-panel{position:absolute;z-index:50;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92%,440px);max-height:80%;overflow:auto;padding:18px;border:1px solid #d7c9ba;border-radius:14px;background:#fffaf5;box-shadow:0 8px 30px #0004;color:#222;text-align:left;font-size:13px;line-height:1.45}
.pognou-selfie .ps-publish-panel[hidden],.pognou-selfie .ps-publish-toggle[hidden]{display:none!important}
.pognou-selfie .ps-publish-panel p{margin:7px 0!important;font-size:13px}
.pognou-selfie .ps-consent-line{display:flex;gap:9px;align-items:flex-start;margin:12px 0;font-size:12px;line-height:1.45}
.pognou-selfie .ps-consent-line input{flex:none;margin-top:4px}
.pognou-selfie .ps-privacy{font-size:12px;text-decoration:underline;color:#333}
.pognou-selfie .ps-publish-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.pognou-selfie .ps-publish-actions button,.pognou-selfie .ps-copy-removal{min-height:38px;padding:8px 12px;border:1px solid #222;border-radius:8px;background:#222;color:#fff;font-size:12px}
.pognou-selfie .ps-publish-actions button:disabled{opacity:.45}
.pognou-selfie .ps-publish-actions .ps-publish-cancel{background:transparent;color:#222}
.pognou-selfie .ps-removal-link{margin-top:8px}
.pognou-selfie .ps-removal-link input{display:block;width:100%;max-width:100%;padding:6px;margin:4px 0;font-size:11px}
.pognou-selfie .ps-removal-link small{display:block;margin-top:5px;font-size:11px}
@media(max-width:767px){.pognou-selfie .ps-publish-panel{width:calc(100% - 30px);max-height:78%;padding:12px}}

/* v1.5.4.2 — affichage final épuré, sans changer la prise de vue ni la modération */
.pognou-selfie .ps-initial-notices{
 position:absolute;z-index:3;bottom:12px;left:12px;right:12px;
 display:flex;flex-direction:column;align-items:center;gap:8px;
 pointer-events:none;text-align:center;
}
.pognou-selfie .ps-initial-notices[hidden]{display:none!important}
.pognou-selfie .ps-initial-privacy{
 font-size:16px!important;line-height:1.35!important;color:#463e37;
 padding:9px 12px!important;margin:0!important;
 background:rgba(244,234,224,.98);border-radius:9px;max-width:100%;
}
.pognou-selfie .ps-initial-help{
 font-size:13px!important;line-height:1.3!important;color:#fff;
 border-radius:20px;background:rgba(30,30,30,.75);
 padding:7px 11px!important;margin:0!important;
}
.pognou-selfie .ps-overlay-message{z-index:4}
.pognou-selfie.ps-captured .ps-zoom,
.pognou-selfie.ps-captured .ps-preview-tools,
.pognou-selfie.ps-captured .ps-view>.ps-switch{display:none!important}
.pognou-selfie .ps-result-actions{
 order:3;width:100%;max-width:380px;min-width:0;
 display:flex;flex-direction:column;gap:10px;flex:none;margin:0 auto;
}
.pognou-selfie .ps-result-actions[hidden]{display:none!important}
.pognou-selfie .ps-result-actions .ps-publish-toggle{
 order:0;display:block;width:100%;max-width:none;min-height:46px;
 margin:0;padding:10px 12px;border-radius:10px;
 background:#222;color:white;border:2px solid #222;
 font-size:16px!important;font-weight:600;line-height:1.25;
}
.pognou-selfie .ps-result-actions .ps-publish-toggle:hover,
.pognou-selfie .ps-result-actions .ps-publish-toggle:focus-visible{
 background:#f4eae0;color:#111;border-color:#000;
}
.pognou-selfie .ps-result-actions .ps-result-tools{
 order:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 width:100%;max-width:none;height:auto;min-height:46px;
 padding:0;margin:0;column-gap:8px;align-items:stretch;
}
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn{
 width:100%;min-width:0;min-height:46px;padding:8px 4px;
 font-size:16px!important;font-weight:600;border:1px solid #222;
 border-radius:10px;background:transparent;color:#222;
}
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn:hover,
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn:focus-visible{
 border:2px solid #000;background:rgba(0,0,0,.06);
}
.pognou-selfie .ps-publish-panel{font-size:14px}
.pognou-selfie .ps-publish-panel p{font-size:14px}
.pognou-selfie .ps-consent-line{font-size:14px}
@media(max-width:420px){
 .pognou-selfie .ps-result-actions .ps-result-tools{column-gap:5px}
 .pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn{font-size:13px!important;padding:8px 2px}
 .pognou-selfie .ps-initial-privacy{font-size:16px!important;padding:7px 8px!important}
}

/* 1.5.4.3 — buttons, alert and legible consent panel */
.pognou-selfie .ps-initial-help{font-size:16px!important;line-height:1.35!important}
.pognou-selfie .ps-initial-privacy{font-size:16px!important;line-height:1.35!important}
.pognou-selfie .ps-overlay-message{
 z-index:8;bottom:16px;left:50%;width:calc(100% - 24px);max-width:420px;
 padding:12px!important;border-radius:10px!important;
 border:1px solid #b42318!important;background:#fff0ee!important;
 color:#962018!important;font-size:14px!important;line-height:1.4!important;
 white-space:normal;text-align:center;box-shadow:0 2px 8px #0001;
}
.pognou-selfie.ps-captured .ps-view{
 flex:1 1 auto;min-height:0;height:auto;max-height:calc(100% - 185px);
}
.pognou-selfie .ps-result-actions{
 flex:none!important;min-height:0;gap:10px;
}
.pognou-selfie .ps-result-actions .ps-result-tools{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:7px;min-height:48px;
}
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn{
 display:flex!important;align-items:center;justify-content:center;
 gap:5px;min-width:0;width:100%;height:auto;min-height:48px;
 padding:8px 5px;font-size:16px!important;line-height:1.2!important;
 text-align:center;white-space:normal;
}
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn svg{
 flex:none;width:17px;height:17px;fill:none;stroke:currentColor;
 stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
.pognou-selfie .ps-publish-panel{font-size:14px!important;line-height:1.45!important}
.pognou-selfie .ps-publish-panel strong{font-size:16px!important}
.pognou-selfie .ps-publish-panel p,
.pognou-selfie .ps-consent-line,
.pognou-selfie .ps-privacy,
.pognou-selfie .ps-removal-link label,
.pognou-selfie .ps-removal-link small,
.pognou-selfie .ps-removal-link input{
 font-size:14px!important;line-height:1.45!important;
}
.pognou-selfie .ps-publish-actions button,
.pognou-selfie .ps-copy-removal{
 min-height:44px;font-size:16px!important;padding:10px 12px!important;
}
@media(max-width:460px){
 .pognou-selfie .ps-result-actions .ps-result-tools{gap:4px}
 .pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn{
  gap:3px;padding:7px 2px;font-size:clamp(12px,3.25vw,16px)!important;
 }
 .pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn svg{width:16px;height:16px}
}
/* Mobile: all three action labels stay at 16px; icons stack above labels if necessary. */
@media(max-width:460px){
 .pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn{
  flex-direction:column;gap:2px;padding:5px 1px;
  font-size:16px!important;min-height:57px;
 }
}

/* v1.7.0 : consentement et publication publique sans compte */
.pognou-selfie{position:relative;isolation:isolate}
.pognou-selfie .ps-publish-backdrop{
 position:absolute;inset:0;background:rgba(0,0,0,.42);z-index:49;border-radius:inherit;
}
.pognou-selfie .ps-publish-backdrop[hidden],
.pognou-selfie .ps-publish-panel [hidden]{display:none!important}
.pognou-selfie .ps-publish-panel{
 z-index:50;top:50%;left:50%;transform:translate(-50%,-50%);
 width:min(94%,470px);max-height:min(86%,660px);overflow:auto;
 background:#fffaf5;border:1px solid #dbcdbf;border-radius:14px;
 padding:17px 18px;box-shadow:0 12px 32px #0005;
 font-size:14px!important;line-height:1.4;
 overscroll-behavior:contain;
}
.pognou-selfie .ps-publish-panel strong{font-size:16px!important}
.pognou-selfie .ps-publish-panel p,
.pognou-selfie .ps-publish-panel label,
.pognou-selfie .ps-publish-panel small{font-size:14px!important;line-height:1.42!important}
.pognou-selfie .ps-publish-panel .ps-consent-durations{
 padding:9px 11px;background:#f4eae0;border-radius:8px;
}
.pognou-selfie .ps-consent-line{display:flex;gap:10px;align-items:flex-start}
.pognou-selfie .ps-consent-line input,
.pognou-selfie .ps-email-choice input{flex:none;margin-top:4px;width:16px;height:16px}
.pognou-selfie .ps-email-choice{display:flex;align-items:flex-start;gap:10px;margin:13px 0!important;font-weight:600}
.pognou-selfie .ps-email-field{margin:6px 0 12px}
.pognou-selfie .ps-email-field input{
 display:block;width:100%;margin-top:5px;border:1px solid #aaa;
 padding:10px;font:inherit;font-size:16px;border-radius:8px;background:#fff;
}
.pognou-selfie .ps-email-field small{display:block;margin-top:6px;color:#555}
.pognou-selfie .ps-privacy-row{margin:11px 0 15px!important}
.pognou-selfie .ps-privacy-row a{color:#222;text-decoration:underline}
.pognou-selfie .ps-publish-actions{display:flex;gap:8px;flex-wrap:wrap}
.pognou-selfie .ps-publish-actions button,
.pognou-selfie .ps-copy-removal,
.pognou-selfie .ps-success-close{font-size:16px!important;min-height:44px;padding:10px 12px!important;border-radius:8px}
.pognou-selfie .ps-publish-error{color:#a21c1c;background:#fff0ed;border:1px solid #ba3232;border-radius:8px;padding:9px!important}
.pognou-selfie .ps-publish-success .ps-publish-status{
 color:#1a603b;background:#e9f5eb;border:1px solid #7eab8f;
 border-radius:8px;padding:10px!important;
}
.pognou-selfie .ps-removal-link{margin:11px 0;min-width:0}
.pognou-selfie .ps-removal-link label{display:block;font-weight:600}
.pognou-selfie .ps-removal-input{
 width:100%;min-width:0;max-width:100%;box-sizing:border-box;
 padding:10px!important;background:#fff;border:1px solid #bbb;border-radius:8px;
 font-size:14px!important;line-height:1.4;
}
.pognou-selfie .ps-copy-removal{display:block;margin:8px 0}
.pognou-selfie .ps-success-close{margin-top:6px;background:transparent;color:#222;border:1px solid #333}
@media(max-width:600px){
 .pognou-selfie .ps-publish-panel{width:calc(100% - 20px);padding:13px;max-height:calc(100% - 20px)}
 .pognou-selfie .ps-publish-actions button{flex:1}
}

/* 1.7.1 — écran initial et actions de fin de selfie */
.pognou-selfie .ps-view:has(.ps-initial-placeholder:not([hidden])){background:#dedede}
.pognou-selfie .ps-initial-placeholder{
  position:absolute;left:50%;top:27%;transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;z-index:2;pointer-events:none;color:#5d5d5d;
  font-size:16px;white-space:nowrap;text-align:center;
}
.pognou-selfie .ps-initial-placeholder[hidden]{display:none!important}
.pognou-selfie .ps-initial-placeholder svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pognou-selfie .ps-result-actions .ps-result-tools{
  width:100%!important;max-width:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
}
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn{
  display:flex!important;flex-direction:column!important;justify-content:center;align-items:center;
  gap:5px!important;min-height:64px!important;padding:7px 3px!important;
  background:transparent!important;color:#222!important;border:1px solid #222!important;
  border-radius:12px!important;font-size:16px!important;font-weight:500!important;
  white-space:normal;line-height:1.2;text-align:center;
}
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn:hover,
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn:focus-visible{
  border:2px solid #111!important;background:rgba(0,0,0,.04)!important;
}
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn svg{width:18px;height:18px}
.pognou-selfie .ps-submitted-notice{
  width:100%;margin:0!important;padding:11px 12px;
  border:1px solid #9ac9a5;border-radius:12px;
  background:#e7f5eb;color:#176238;font-size:14px!important;
  font-weight:600;line-height:1.4;text-align:center;
}
.pognou-selfie .ps-submitted-notice span{font-size:18px;font-weight:700;margin-right:6px}
.pognou-selfie .ps-submitted-notice[hidden]{display:none!important}
@media(max-width:400px){
  .pognou-selfie .ps-result-actions .ps-result-tools{gap:5px!important}
  .pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn{font-size:clamp(12px,3.8vw,16px)!important}
}

/* Version 1.7.2 : présentation des contrôles, information et taille initiale administrable */
.pognou-selfie .ps-result-actions{max-width:none!important;width:100%!important;align-self:stretch!important}
.pognou-selfie .ps-result-actions .ps-result-tools{max-width:none!important;width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn{width:100%!important;min-width:0!important}
.pognou-selfie .ps-initial-privacy{
 display:block;max-width:100%;position:relative;
 background:#eaf3fb!important;color:#245273!important;
 border:1px solid #b8d6e9!important;border-radius:10px!important;
 padding:11px 12px 11px 34px!important;
 font-size:14px!important;line-height:1.4!important;text-align:left;
}
.pognou-selfie .ps-initial-privacy:before{
 content:'i';position:absolute;left:11px;top:11px;
 width:16px;height:16px;border-radius:50%;
 background:#3079ad;color:#fff;font-size:12px;font-weight:700;
 display:grid;place-items:center;
}

/* 1.7.5: le cadre 10x15 est identique en prise de vue, import et resultat. */
.pognou-selfie .ps-view{aspect-ratio:2/3!important;background:#fff;max-width:100%;}
.pognou-selfie .ps-canvas{aspect-ratio:2/3;width:100%;height:100%;object-fit:fill}
.pognou-selfie .ps-view:has(.ps-initial-placeholder:not([hidden])){background:#dedede}

/* v1.7.6 — aperçu du tirage : 10x15 cm, photo 3:4 + fine bande imprimée. */
.pognou-selfie .ps-view{aspect-ratio:2/3!important}
.pognou-selfie .ps-canvas{aspect-ratio:2/3!important}

/* v1.7.7: photographic preview only. The printed footer is export-only. */
.pognou-selfie .ps-view{aspect-ratio:3/4!important;background:#fff}
.pognou-selfie .ps-canvas{aspect-ratio:3/4!important;width:100%;height:100%}


/* v1.7.9 — Stable preview size and bottom-docked controls in both states.
   The editing photo retains precisely the same geometry after capture. */
.pognou-selfie{
  position:relative!important;
  padding-bottom:142px!important;
}
.pognou-selfie .ps-view{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:100%!important;
  aspect-ratio:3/4!important;
}
.pognou-selfie .ps-zoom{
  position:absolute!important;
  left:12px;right:12px;bottom:83px;
  width:calc(100% - 24px)!important;
  order:initial!important;
}
.pognou-selfie .ps-preview-tools{
  position:absolute!important;
  left:12px;right:12px;bottom:12px;
  width:calc(100% - 24px)!important;
  order:initial!important;
}
.pognou-selfie .ps-result-actions{
  position:absolute!important;
  left:12px;right:12px;bottom:12px;
  width:calc(100% - 24px)!important;
  max-width:none!important;
  order:initial!important;
  margin:0!important;
}
/* No heavy black outlines around the post-capture controls. */
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn{
  border:0!important;
  background:rgba(255,255,255,.55)!important;
  box-shadow:none!important;
}
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn:hover{
  border:0!important;
  background:rgba(255,255,255,.85)!important;
}
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn:focus-visible{
  border:0!important;
  outline:2px solid #986d4e!important;
  outline-offset:2px;
}
@media(max-width:767px){
 .pognou-selfie{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 142px)!important}
 .pognou-selfie .ps-zoom{bottom:calc(env(safe-area-inset-bottom,0px) + 83px)}
 .pognou-selfie .ps-preview-tools,.pognou-selfie .ps-result-actions{bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}
}
@media(max-height:600px){
 .pognou-selfie{padding-bottom:122px!important}
 .pognou-selfie .ps-zoom{bottom:70px}
 .pognou-selfie .ps-preview-tools,.pognou-selfie .ps-result-actions{bottom:6px}
}

/* v1.8.7 — Une aide a la place des commandes avant activation de la camera. */
.pognou-selfie{
  --ps-control-bg:#ffffff;
  --ps-control-color:#222222;
  --ps-control-border:#c5b9ad;
  --ps-control-hover-bg:#222222;
  --ps-control-hover-color:#ffffff;
  --ps-control-diameter:38px;
  --ps-control-gap:14px;
}
.pognou-selfie .ps-control-prompt{
  position:absolute!important;left:16px;right:16px;bottom:83px;
  min-height:38px;margin:0!important;
  display:flex;align-items:center;justify-content:center;
  padding:7px 12px!important;
  text-align:center;font-size:14px!important;line-height:1.35!important;
  font-weight:500;color:#37302c;background:rgba(255,255,255,.66);
  border-radius:10px;
}
.pognou-selfie:not(.ps-editing) .ps-zoom{display:none!important}
.pognou-selfie.ps-editing .ps-control-prompt,.pognou-selfie.ps-captured .ps-control-prompt{display:none!important}
.pognou-selfie.ps-editing:not(.ps-captured) .ps-zoom{
  display:grid!important;grid-template-columns:repeat(4,var(--ps-control-diameter))!important;
  justify-content:center!important;gap:var(--ps-control-gap)!important;
}
.pognou-selfie .ps-zoom button{
  width:var(--ps-control-diameter)!important;height:var(--ps-control-diameter)!important;
  background:var(--ps-control-bg)!important;color:var(--ps-control-color)!important;
  border:1px solid var(--ps-control-border)!important;border-radius:50%!important;
  font-size:22px!important;font-weight:500!important;
  box-shadow:0 1px 3px rgba(0,0,0,.08)!important;
  transition:background .15s ease,color .15s ease,transform .15s ease;
}
.pognou-selfie .ps-zoom button:hover{
  background:var(--ps-control-hover-bg)!important;color:var(--ps-control-hover-color)!important;
}
.pognou-selfie .ps-zoom button:active{transform:scale(.95)}
@media(max-width:767px){
 .pognou-selfie .ps-control-prompt{bottom:calc(env(safe-area-inset-bottom,0px) + 83px)}
}
@media(max-height:600px){.pognou-selfie .ps-control-prompt{bottom:70px}}


/* v1.8.16 — Boutons de resultat : visuel noir et blanc, survol gris. */
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
  min-width: 0;
  width: 100%;
  min-height: 64px !important;
  padding: 7px 3px !important;
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn svg {
  flex: none;
  width: 25px !important;
  height: 25px !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn:hover {
  background: #7e7e7e !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
}
.pognou-selfie .ps-result-actions .ps-result-tools .ps-text-btn:focus-visible {
  background: #7e7e7e !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  outline: 2px solid #000000 !important;
  outline-offset: 2px;
}

/* 1.8.17 — Confirmation de sortie d'un selfie non sauvegardé. */
.pognou-selfie .ps-exit-confirm{
 position:absolute;z-index:90;left:14px;right:14px;top:50%;
 transform:translateY(-50%);background:#fff;color:#222;
 padding:18px;border:1px solid #dedede;border-radius:14px;
 box-shadow:0 10px 32px rgba(0,0,0,.23);text-align:left;
}
.pognou-selfie .ps-exit-confirm[hidden]{display:none!important}
.pognou-selfie .ps-exit-confirm p{
 margin:0 0 14px!important;font-size:14px!important;line-height:1.5!important;
 font-weight:500;color:#222;
}
.pognou-selfie .ps-exit-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pognou-selfie .ps-exit-actions button{
 min-height:44px;padding:9px 10px;border-radius:10px;
 font-size:14px;font-weight:600;line-height:1.2;
}
.pognou-selfie .ps-exit-stay{background:#000;color:#fff;border:1px solid #000}
.pognou-selfie .ps-exit-leave{background:#fff;color:#222;border:1px solid #b8b8b8}
.pognou-selfie .ps-exit-stay:hover{background:#7e7e7e;color:#fff}
.pognou-selfie .ps-exit-leave:hover{background:#efefef;color:#111}
@media(max-width:767px){.pognou-selfie .ps-exit-confirm{left:10px;right:10px;padding:15px}}