/* Inquadratura personalizzata delle copertine social. */
.innariSocialCoverFramedHero{
  --innari-cover-x:var(--innari-cover-dx,50%);
  --innari-cover-y:var(--innari-cover-dy,50%);
  --innari-cover-z:var(--innari-cover-dz,1);
}
.innariSocialCoverFramedHero .innariSocialCover{position:relative;overflow:hidden}
.innariSocialCoverFramedHero .innariSocialCoverMain,
.innariSocialCoverFramedHero .innariSocialCover>img:not(.innariSocialCoverBackdrop){
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;
  object-fit:contain!important;object-position:50% 50%!important;
  transform:translate3d(calc(var(--innari-cover-x) - 50%),calc(var(--innari-cover-y) - 50%),0) scale(var(--innari-cover-z))!important;
  transform-origin:50% 50%!important;
  transition:none!important;will-change:transform;
}
.innariSocialCoverFramedHero .innariSocialCoverBackdrop{pointer-events:none}
@media(max-width:760px){
  .innariSocialCoverFramedHero{
    --innari-cover-x:var(--innari-cover-mx,50%);
    --innari-cover-y:var(--innari-cover-my,50%);
    --innari-cover-z:var(--innari-cover-mz,1);
  }
}

.innariCoverFrameOpenButton{white-space:nowrap}
.innariCoverFrameAdminLauncher{grid-template-columns:1fr!important;margin-top:10px;padding:11px!important}
.innariCoverFrameAdminLauncher .innariSocialUploadBody{gap:5px}
.innariCoverFrameAdminLauncher .innariSocialUploadActions{margin-top:3px}
.innariCoverFrameModal[hidden]{display:none!important}
.innariCoverFrameModal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px}
.innariCoverFrameBackdrop{position:absolute;inset:0;background:rgba(10,20,18,.72);backdrop-filter:blur(4px)}
.innariCoverFrameDialog{position:relative;width:min(920px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid rgba(255,255,255,.35);border-radius:28px;background:var(--app-card,#fffdf7);color:var(--app-ink,#17211d);box-shadow:0 28px 90px rgba(0,0,0,.34)}
.innariCoverFrameDialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 14px;border-bottom:1px solid var(--app-line,#ded7ca)}
.innariCoverFrameDialog>header strong{display:block;font:900 clamp(1.35rem,3vw,1.8rem)/1.1 "Roboto Condensed","Roboto",sans-serif}
.innariCoverFrameDialog>header small{display:block;margin-top:5px;color:var(--app-muted,#66716c);font-weight:700;line-height:1.4}
.innariCoverFrameClose{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--app-line,#ded7ca);border-radius:50%;background:var(--app-paper,#fff);color:inherit;font-size:27px;cursor:pointer}
.innariCoverFrameTabs{display:flex;gap:8px;padding:14px 22px 0}
.innariCoverFrameTabs button{min-height:42px;padding:8px 16px;border:1px solid var(--app-line,#ded7ca);border-radius:999px;background:var(--app-paper,#fff);color:var(--app-muted,#66716c);font:800 14px/1 inherit;cursor:pointer}
.innariCoverFrameTabs button.is-active{border-color:#176a5f;background:rgba(23,106,95,.1);color:#176a5f}
.innariCoverFramePreview{position:relative;overflow:hidden;width:calc(100% - 44px);aspect-ratio:3.15/1;margin:14px 22px 0;border:1px solid rgba(23,106,95,.2);border-radius:22px;background:#dfe8e3;cursor:grab;touch-action:none;user-select:none}
.innariCoverFramePreview.is-mobile{width:min(430px,calc(100% - 44px));aspect-ratio:16/9;margin-left:auto;margin-right:auto}
.innariCoverFramePreview.is-dragging{cursor:grabbing}
.innariCoverFramePreview img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;user-select:none;will-change:transform}
.innariCoverFrameHint{margin:9px 22px 0;color:var(--app-muted,#66716c);font-size:13px;font-weight:700;text-align:center}
.innariCoverFrameControls{padding:16px 22px 8px}
.innariCoverFrameControls label{display:grid;grid-template-columns:auto minmax(120px,1fr) 58px;align-items:center;gap:12px}
.innariCoverFrameControls label>span,.innariCoverFrameControls label>strong{font-weight:900}
.innariCoverFrameControls input[type=range]{width:100%;accent-color:#176a5f}
.innariCoverFrameUtility{display:flex;gap:9px;flex-wrap:wrap;padding:4px 22px 8px}
.innariCoverFrameUtility button{padding:8px 12px;border:1px solid var(--app-line,#ded7ca);border-radius:12px;background:transparent;color:inherit;font-weight:800;cursor:pointer}
.innariCoverFrameStatus{min-height:20px;margin:2px 22px 0;color:#176a5f;font-size:13px;font-weight:800}
.innariCoverFrameStatus.is-error{color:#a63227}
.innariCoverFrameDialog>footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 20px}
html.innariCoverFrameOpen{overflow:hidden}
html.innariTheme-dark .innariCoverFrameDialog,body.stage .innariCoverFrameDialog{background:#202622;color:#f2f5f3;border-color:#48534d}
html.innariTheme-dark .innariCoverFrameTabs button,html.innariTheme-dark .innariCoverFrameClose,body.stage .innariCoverFrameTabs button,body.stage .innariCoverFrameClose{background:#26302b;border-color:#48534d;color:#e7ece9}
@media(max-width:620px){
  .innariCoverFrameModal{padding:8px}
  .innariCoverFrameDialog{max-height:calc(100vh - 16px);border-radius:22px}
  .innariCoverFrameDialog>header{padding:16px 16px 12px}
  .innariCoverFrameTabs{padding:12px 16px 0}
  .innariCoverFramePreview{width:calc(100% - 32px);margin:12px 16px 0;aspect-ratio:16/9}
  .innariCoverFramePreview.is-mobile{width:calc(100% - 32px)}
  .innariCoverFrameControls,.innariCoverFrameUtility{padding-left:16px;padding-right:16px}
  .innariCoverFrameStatus{margin-left:16px;margin-right:16px}
  .innariCoverFrameDialog>footer{padding:12px 16px 16px;flex-direction:column-reverse}
  .innariCoverFrameDialog>footer .innariSocialBtn{width:100%}
}