/* Ziarama Studio V4.24.3 — neutral black editor chrome + mobile contextual sheet.
   Invitation artwork is intentionally excluded. */
:root{
  --zi4243-bg:#0b0d10;
  --zi4243-bg-2:#0f1216;
  --zi4243-panel:#11151a;
  --zi4243-panel-2:#161b21;
  --zi4243-line:#272d35;
  --zi4243-text:#f3f5f7;
  --zi4243-muted:#9aa3ad;
  --zi4243-accent:#c49a58;
  --zi4243-dock-h:74px;
  --zi4243-sheet-h:34dvh;
  --zi4243-vvh:100dvh;
  --zi4243-kb:0px;
}

body.zi-event-studio-v4243,
body.zi-wedding-studio-v4243{background:var(--zi4243-bg)!important;color:var(--zi4243-text)!important;}
body.zi-event-studio-v4243 .studio-bg,
body.zi-wedding-studio-v4243 .studio-bg{background:linear-gradient(180deg,#0b0d10,#0e1115)!important;}
body.zi-event-studio-v4243 .stage,
body.zi-wedding-studio-v4243 .stage{background:#0b0d10!important;border-color:#20262d!important;}
body.zi-event-studio-v4243 :is(.sidebar-wrap,.zi-workspace-right-v416,.floating-toolbar,.mobile-panel-sheet,.mobile-actions-sheet,.guest-drawer,.payment-sheet,.auth-modal),
body.zi-wedding-studio-v4243 :is(.sidebar-wrap,.zi-workspace-right-v416,.floating-toolbar,.payment-sheet,.guest-drawer){background:rgba(17,21,26,.97)!important;color:var(--zi4243-text)!important;border-color:var(--zi4243-line)!important;box-shadow:0 22px 70px rgba(0,0,0,.45)!important;}
body.zi-event-studio-v4243 :is(.sidebar-brand,.mobile-panel-head,.payment-head,.drawer-head,.auth-head,.zi-workspace-right-head-v416),
body.zi-wedding-studio-v4243 :is(.sidebar-brand,.mobile-sheet-head,.payment-head,.drawer-head,.zi-workspace-right-head-v416){background:#12161b!important;border-color:var(--zi4243-line)!important;color:var(--zi4243-text)!important;}
body.zi-event-studio-v4243 :is(.section-title,.field-label,.mobile-panel-kicker,.payment-kicker,.drawer-kicker,.zi-workspace-right-kicker-v416),
body.zi-wedding-studio-v4243 :is(.section-title,.field-label,.mobile-sheet-subtitle,.payment-kicker,.drawer-kicker,.zi-workspace-right-kicker-v416){color:var(--zi4243-accent)!important;}
body.zi-event-studio-v4243 :is(.mobile-panel-title,.payment-title,.drawer-title,.zi-workspace-right-title-v416),
body.zi-wedding-studio-v4243 :is(.mobile-sheet-title,.payment-title,.drawer-title,.zi-workspace-right-title-v416){color:var(--zi4243-text)!important;}
body.zi-event-studio-v4243 :is(.mobile-panel-subtitle,.field-help,.simple-note,.text-stone-500,.text-stone-600,.text-stone-700,.zi-workspace-right-subtitle-v416),
body.zi-wedding-studio-v4243 :is(.field-help,.simple-note,.text-stone-500,.text-stone-600,.text-stone-700,.zi-workspace-right-subtitle-v416){color:var(--zi4243-muted)!important;}

body.zi-event-studio-v4243 :is(.sidebar-scroll>section,.mobile-panel-body>section,.crop-card,.tuner-card,.program-card,.custom-card,.guest-card,.template-tuner-group,.simple-note,.payment-status,.payment-inline-panel),
body.zi-wedding-studio-v4243 :is(.sidebar-scroll>section,.crop-card,.tuner-card,.program-card,.custom-card,.guest-card,.template-tuner-group,.simple-note,.payment-status,.payment-inline-panel){background:#151a20!important;border-color:var(--zi4243-line)!important;color:var(--zi4243-text)!important;box-shadow:none!important;}
body.zi-event-studio-v4243 :is(.field-input,input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select),
body.zi-wedding-studio-v4243 :is(.field-input,input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select){background:#0f1318!important;color:#eef2f5!important;border-color:#303842!important;box-shadow:none!important;}
body.zi-event-studio-v4243 :is(input,textarea)::placeholder,
body.zi-wedding-studio-v4243 :is(input,textarea)::placeholder{color:#6f7882!important;opacity:1;}
body.zi-event-studio-v4243 :is(.field-input,input,textarea,select):focus,
body.zi-wedding-studio-v4243 :is(.field-input,input,textarea,select):focus{border-color:#7f6844!important;box-shadow:0 0 0 3px rgba(196,154,88,.13)!important;background:#12171d!important;}
body.zi-event-studio-v4243 :is(.small-btn,.premium-btn,.shape-pill,.mini-action,.dock-btn,.payment-close,.drawer-close,.mobile-panel-close),
body.zi-wedding-studio-v4243 :is(.small-btn,.premium-btn,.shape-pill,.mini-action,.dock-btn,.payment-close,.drawer-close,.sheet-close-btn){background:#171c22!important;color:#e8edf2!important;border-color:#303740!important;box-shadow:none!important;}
body.zi-event-studio-v4243 :is(.small-btn,.premium-btn,.shape-pill,.mini-action,.dock-btn):hover,
body.zi-wedding-studio-v4243 :is(.small-btn,.premium-btn,.shape-pill,.mini-action,.dock-btn):hover{background:#1d232a!important;}
body.zi-event-studio-v4243 :is(.dock-btn.active,.shape-pill.active),
body.zi-wedding-studio-v4243 :is(.dock-btn.active,.shape-pill.active){background:#24201a!important;color:#f0d7a8!important;border-color:#6f5837!important;}

/* Preserve invitation artwork and export surfaces. */
body.zi-event-studio-v4243 :is(.template-layer,.template-paper,.inv-face,.inv-back,.invitation-card,.card),
body.zi-wedding-studio-v4243 :is(.template-layer,.template-paper,.inv-face,.inv-back,.invitation-card,.card){color-scheme:light;}

@media(max-width:980px){
  body.zi-event-studio-v4243,
  body.zi-wedding-studio-v4243{overflow:hidden!important;}

  body.zi-event-studio-v4243 .stage,
  body.zi-wedding-studio-v4243 .stage{
    height:var(--zi4243-vvh)!important;
    min-height:var(--zi4243-vvh)!important;
    overflow:hidden!important;
    padding:6px 4px calc(var(--zi4243-dock-h) + 10px)!important;
  }

  body.zi-event-studio-v4243 :is(.mobile-panel-backdrop),
  body.zi-wedding-studio-v4243 :is(.mobile-sheet-backdrop){
    opacity:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none!important;
  }

  body.zi-event-studio-v4243 .mobile-dock,
  body.zi-wedding-studio-v4243 .mobile-dock{
    left:6px!important;right:6px!important;bottom:6px!important;
    min-height:64px!important;
    padding:7px!important;gap:5px!important;
    border-radius:18px!important;
    background:rgba(13,16,20,.97)!important;
    border:1px solid #2b3139!important;
    box-shadow:0 12px 32px rgba(0,0,0,.42)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
    z-index:1400!important;
  }
  body.zi-event-studio-v4243 .mobile-dock .dock-btn,
  body.zi-wedding-studio-v4243 .mobile-dock .dock-btn{
    height:54px!important;min-height:54px!important;border-radius:13px!important;gap:3px!important;
  }
  body.zi-event-studio-v4243 .mobile-dock :is(.dock-label),
  body.zi-wedding-studio-v4243 .mobile-dock :is(.dock-label){font-size:7.5px!important;letter-spacing:.04em!important;}
  body.zi-event-studio-v4243 .mobile-dock :is(.dock-ico,.dock-icon),
  body.zi-wedding-studio-v4243 .mobile-dock :is(.dock-ico,.dock-icon){width:27px!important;height:27px!important;min-width:27px!important;font-size:15px!important;}

  body.zi-event-studio-v4243 .mobile-panel-sheet,
  body.zi-wedding-studio-v4243 .sidebar-wrap{
    position:fixed!important;
    left:7px!important;right:7px!important;bottom:calc(var(--zi4243-dock-h) + 7px + var(--zi4243-kb))!important;
    width:auto!important;
    height:var(--zi4243-sheet-h)!important;
    max-height:min(62dvh,calc(var(--zi4243-vvh) - 92px))!important;
    border-radius:20px!important;
    background:rgba(17,21,26,.985)!important;
    border:1px solid #2c333b!important;
    box-shadow:0 18px 54px rgba(0,0,0,.48)!important;
    overflow:hidden!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
    transition:transform .24s ease,height .20s ease,bottom .16s ease!important;
    z-index:1300!important;
  }
  body.zi-event-studio-v4243:not(.mobile-panel-open) .mobile-panel-sheet,
  body.zi-wedding-studio-v4243:not(.mobile-sheet-open) .sidebar-wrap{transform:translateY(calc(100% + 100px))!important;}
  body.zi-event-studio-v4243.mobile-panel-open .mobile-panel-sheet,
  body.zi-wedding-studio-v4243.mobile-sheet-open .sidebar-wrap{transform:translateY(0)!important;}

  body.zi-event-studio-v4243 .mobile-panel-dragbar,
  body.zi-wedding-studio-v4243 .zi-sheet-grabber-v4243{
    display:block!important;width:54px!important;height:5px!important;border-radius:999px!important;
    margin:8px auto 4px!important;background:#59616a!important;cursor:ns-resize!important;touch-action:none!important;
  }
  body.zi-event-studio-v4243 .mobile-panel-head,
  body.zi-wedding-studio-v4243 .mobile-sheet-head{
    padding:8px 12px!important;min-height:54px!important;background:#11151a!important;border-color:#2b3139!important;
  }
  body.zi-event-studio-v4243 .mobile-panel-body,
  body.zi-wedding-studio-v4243 .sidebar-scroll{
    height:calc(100% - 66px)!important;max-height:none!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;padding:9px 10px calc(10px + env(safe-area-inset-bottom))!important;
  }

  body.zi-event-studio-v4243.mobile-panel-open .preview-shell,
  body.zi-wedding-studio-v4243.mobile-sheet-open .preview-shell{
    height:calc(var(--zi4243-vvh) - var(--zi4243-sheet-h) - var(--zi4243-dock-h) - 18px)!important;
    min-height:150px!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding-top:4px!important;
    transform:none!important;
  }
  body.zi-event-studio-v4243.mobile-panel-open .scene,
  body.zi-wedding-studio-v4243.mobile-sheet-open .scene{
    transform:scale(.74)!important;
    transform-origin:top center!important;
    margin-top:0!important;
    filter:none!important;
  }
  body.zi-event-studio-v4243.mobile-panel-open :is(.envelope,.envelope-stage),
  body.zi-wedding-studio-v4243.mobile-sheet-open :is(.envelope,.envelope-stage){opacity:.34!important;}

  /* Direct text editing: no inspector sheet, keep the invitation visible above the keyboard. */
  body.zi-event-studio-v4243.zi-direct-edit-active .mobile-panel-sheet,
  body.zi-wedding-studio-v4243.zi-direct-edit-active .sidebar-wrap{transform:translateY(calc(100% + 100px))!important;}
  body.zi-event-studio-v4243.zi-direct-edit-active .preview-shell,
  body.zi-wedding-studio-v4243.zi-direct-edit-active .preview-shell{
    height:calc(var(--zi4243-vvh) - 16px)!important;min-height:120px!important;align-items:flex-start!important;padding-top:4px!important;
  }
  body.zi-event-studio-v4243.zi-direct-edit-active .scene,
  body.zi-wedding-studio-v4243.zi-direct-edit-active .scene{
    transform:translateY(0) scale(.66)!important;transform-origin:top center!important;filter:none!important;
  }
  body.zi-event-studio-v4243.zi-keyboard-open .mobile-dock,
  body.zi-wedding-studio-v4243.zi-keyboard-open .mobile-dock{display:none!important;}
  body.zi-event-studio-v4243.zi-keyboard-open .mobile-panel-sheet,
  body.zi-wedding-studio-v4243.zi-keyboard-open .sidebar-wrap{bottom:6px!important;max-height:min(44dvh,calc(var(--zi4243-vvh) - 120px))!important;}

  /* True modals keep a dimmer; contextual editors do not. */
  body.zi-event-studio-v4243 :is(.guest-drawer-backdrop,.payment-backdrop,.auth-modal-backdrop),
  body.zi-wedding-studio-v4243 :is(.guest-drawer-backdrop,.payment-backdrop){background:rgba(0,0,0,.58)!important;backdrop-filter:blur(5px)!important;}

  body.zi-event-studio-v4243 .mobile-actions-sheet{
    left:7px!important;right:7px!important;bottom:calc(var(--zi4243-dock-h) + 7px)!important;
    border-radius:20px!important;background:#11151a!important;border:1px solid #2c333b!important;
    padding:12px!important;max-height:58dvh!important;overflow:auto!important;
  }
}

@media(max-width:420px){
  :root{--zi4243-sheet-h:32dvh;}
  body.zi-event-studio-v4243.mobile-panel-open .scene,
  body.zi-wedding-studio-v4243.mobile-sheet-open .scene{transform:scale(.70)!important;}
  body.zi-event-studio-v4243.zi-direct-edit-active .scene,
  body.zi-wedding-studio-v4243.zi-direct-edit-active .scene{transform:scale(.61)!important;}
}