.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:3/4;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.7: Two readable messages stacked in the initial screen only. */
.pognou-selfie .ps-initial-notices{
  position:absolute;left:50%;bottom:15px;transform:translateX(-50%);
  z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;
  width:calc(100% - 24px);max-width:390px;
  text-align:center;pointer-events:none;
}
.pognou-selfie .ps-initial-notices[hidden]{display:none!important}
.pognou-selfie .ps-initial-privacy,
.pognou-selfie .ps-initial-help{
  position:static!important;transform:none!important;
  width:100%!important;max-width:none!important;
  margin:0!important;box-sizing:border-box;
  text-align:center;line-height:1.4!important;
}
.pognou-selfie .ps-initial-privacy{
  padding:9px 12px!important;
  border-radius:9px;background:rgba(244,234,224,.98);
  color:#463e37;font-size:12px!important;
}
.pognou-selfie .ps-initial-help{
  padding:8px 10px!important;border-radius:20px;
  background:rgba(30,30,30,.82);color:#fff;font-size:12px!important;
}
.pognou-selfie .ps-overlay-message[hidden]{display:none!important}
.pognou-selfie .ps-view:has(.ps-initial-notices:not([hidden])) .ps-overlay-message{bottom:108px}
@media(max-width:380px){.pognou-selfie .ps-initial-notices{gap:5px;bottom:9px}.pognou-selfie .ps-initial-privacy{padding:7px!important;font-size:11px!important}.pognou-selfie .ps-initial-help{padding:7px!important;font-size:11px!important}}