/* Ziarama Studio Workspace v4.17
   Shared editor shell for Wedding/Event studios + readability pass for Free Studio.
   The invitation canvas stays visually independent from the editor chrome. */

:root{
  --zi-editor-bg:#f4eee6;
  --zi-editor-panel:rgba(255,252,247,.94);
  --zi-editor-panel-strong:#fffdf9;
  --zi-editor-line:rgba(111,78,42,.14);
  --zi-editor-line-strong:rgba(177,132,65,.28);
  --zi-editor-text:#2d2116;
  --zi-editor-muted:#74685d;
  --zi-editor-accent:#a9782f;
  --zi-editor-accent-strong:#7e5622;
  --zi-editor-shadow:0 22px 64px rgba(52,35,18,.12);
  --zi-editor-radius:24px;
}

/* ---- Text quality / character orientation ---- */
.zi-workspace-layout-v416,
.zi-workspace-layout-v416 button,
.zi-workspace-layout-v416 input,
.zi-workspace-layout-v416 textarea,
.zi-workspace-layout-v416 select,
.zi-free-studio-v416 .panel,
.zi-free-studio-v416 .font-settings-drawer{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-kerning:normal;
  font-synthesis:none;
  writing-mode:horizontal-tb;
  text-orientation:mixed;
  direction:ltr;
}

.zi-workspace-layout-v416 .field-label,
.zi-workspace-layout-v416 .field-help,
.zi-workspace-layout-v416 .simple-note,
.zi-workspace-layout-v416 p,
.zi-workspace-layout-v416 button,
.zi-free-studio-v416 .panel button,
.zi-free-studio-v416 .panel label{
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}

/* ---- Desktop 3-column workspace ---- */
@media (min-width:1100px){
  .zi-workspace-v416 .studio-bg{
    min-height:100vh!important;
    background:
      radial-gradient(circle at 50% 4%,rgba(196,151,81,.08),transparent 30%),
      linear-gradient(180deg,#f7f2eb 0%,#eee6dc 100%)!important;
  }

  .zi-workspace-v416 .studio-layout.zi-workspace-layout-v416{
    display:grid!important;
    grid-template-columns:minmax(286px,318px) minmax(420px,1fr) minmax(300px,338px)!important;
    gap:12px!important;
    width:100%!important;
    max-width:none!important;
    height:100vh!important;
    min-height:100vh!important;
    padding:12px!important;
    overflow:hidden!important;
    align-items:stretch!important;
  }

  .zi-workspace-v416 .studio-layout.zi-workspace-layout-v416 > .sidebar-wrap{
    grid-column:1!important;
    grid-row:1!important;
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:auto!important;
    height:calc(100vh - 24px)!important;
    max-height:calc(100vh - 24px)!important;
    margin:0!important;
    border-radius:var(--zi-editor-radius)!important;
    border:1px solid rgba(255,255,255,.72)!important;
    background:var(--zi-editor-panel)!important;
    box-shadow:var(--zi-editor-shadow)!important;
    overflow:hidden!important;
    z-index:20!important;
  }

  .zi-workspace-v416 .studio-layout.zi-workspace-layout-v416 > .stage,
  .zi-workspace-v416 .studio-layout.zi-workspace-layout-v416 > #stage{
    grid-column:2!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    height:calc(100vh - 24px)!important;
    min-height:0!important;
    max-height:calc(100vh - 24px)!important;
    margin:0!important;
    padding:70px 22px 22px!important;
    border-radius:var(--zi-editor-radius)!important;
    border:1px solid rgba(255,255,255,.64)!important;
    background:
      radial-gradient(circle at 50% 24%,rgba(255,255,255,.72),transparent 34%),
      linear-gradient(180deg,rgba(249,245,239,.92),rgba(237,228,218,.90))!important;
    box-shadow:var(--zi-editor-shadow)!important;
    overflow:auto!important;
  }

  .zi-workspace-v416 .floating-toolbar{
    top:16px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }

  .zi-workspace-v416 .zi-workspace-right-v416{
    grid-column:3;
    grid-row:1;
    min-width:0;
    height:calc(100vh - 24px);
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:var(--zi-editor-radius);
    border:1px solid rgba(255,255,255,.72);
    background:var(--zi-editor-panel);
    box-shadow:var(--zi-editor-shadow);
    color:var(--zi-editor-text);
  }

  .zi-workspace-v416 .zi-workspace-right-v416 .sidebar-footer,
  .zi-workspace-v416 .zi-workspace-right-v416 #sectionActions,
  .zi-workspace-v416 .zi-workspace-right-v416 #sectionWeddingActions{
    position:static!important;
    inset:auto!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    padding:0!important;
    overflow:visible!important;
  }

  .zi-workspace-v416 .sidebar-scroll{
    flex:1!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding:12px!important;
    scrollbar-gutter:stable;
  }

  .zi-workspace-v416 .sidebar-scroll > section,
  .zi-workspace-v416 .zi-workspace-panel-v416 > section{
    margin:0 0 10px!important;
    border-radius:18px!important;
    box-shadow:0 8px 24px rgba(52,35,18,.045)!important;
  }
}

/* ---- Tab rails ---- */
.zi-workspace-tabs-v416{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  padding:10px;
  border-bottom:1px solid var(--zi-editor-line);
  background:rgba(255,255,255,.42);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.zi-workspace-tab-v416{
  min-width:0;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 8px;
  border:1px solid transparent;
  border-radius:13px;
  background:transparent;
  color:#6f6257;
  font-size:10px;
  font-weight:900;
  letter-spacing:.045em;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.zi-workspace-tab-v416:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.75);
  border-color:var(--zi-editor-line);
  color:#3d2b1b;
}

.zi-workspace-tab-v416[aria-selected="true"]{
  background:linear-gradient(180deg,#fffdf9,#f5eadb);
  border-color:rgba(171,124,55,.25);
  color:#573c1a;
  box-shadow:0 8px 20px rgba(104,72,32,.09),inset 0 0 0 1px rgba(255,255,255,.8);
}

.zi-workspace-tab-icon-v416{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:rgba(169,120,47,.10);
  color:var(--zi-editor-accent-strong);
  font-size:11px;
  line-height:1;
}
.zi-workspace-tab-icon-v416 svg{
  width:14px!important;
  height:14px!important;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.zi-workspace-right-v416 .zi-workspace-tabs-v416{
  grid-template-columns:repeat(auto-fit,minmax(52px,1fr));
}
.zi-workspace-right-v416 .zi-workspace-tab-v416{
  padding:0 5px;
  gap:4px;
  font-size:9px;
}

.zi-workspace-panel-v416[hidden]{display:none!important}

.zi-workspace-panel-v416{
  min-height:0;
}

.zi-workspace-right-head-v416{
  flex:0 0 auto;
  padding:16px 16px 12px;
  border-bottom:1px solid var(--zi-editor-line);
  background:rgba(255,255,255,.50);
}

.zi-workspace-right-kicker-v416{
  color:var(--zi-editor-accent);
  font-size:9px;
  font-weight:950;
  letter-spacing:.19em;
  text-transform:uppercase;
}

.zi-workspace-right-title-v416{
  margin-top:4px;
  color:var(--zi-editor-text);
  font-size:17px;
  font-weight:950;
  letter-spacing:-.02em;
}

.zi-workspace-right-subtitle-v416{
  margin-top:4px;
  color:var(--zi-editor-muted);
  font-size:10.5px;
  line-height:1.45;
  font-weight:650;
}

.zi-workspace-right-scroll-v416{
  flex:1;
  min-height:0;
  overflow:auto;
  padding:12px;
  scrollbar-gutter:stable;
}

.zi-workspace-context-v416{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:9px;
  min-height:30px;
  padding:7px 9px;
  border-radius:11px;
  background:rgba(171,124,55,.075);
  color:#6a5133;
  font-size:10px;
  font-weight:800;
}

.zi-workspace-context-dot-v416{
  width:7px;height:7px;border-radius:50%;
  background:#bd8d43;
  box-shadow:0 0 0 4px rgba(189,141,67,.11);
  flex:0 0 auto;
}

/* ---- Better form contrast ---- */
.zi-workspace-v416 .field-label{
  color:#51463d!important;
  font-size:10.5px!important;
  letter-spacing:.025em!important;
  font-weight:850!important;
}

.zi-workspace-v416 .field-help,
.zi-workspace-v416 .simple-note,
.zi-workspace-v416 .text-stone-500,
.zi-workspace-v416 .text-stone-600{
  color:#71665c!important;
}

.zi-workspace-v416 .field-input,
.zi-workspace-v416 input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
.zi-workspace-v416 textarea,
.zi-workspace-v416 select{
  color:#30241b!important;
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(118,88,51,.16)!important;
}

.zi-workspace-v416 .field-input:focus,
.zi-workspace-v416 input:focus,
.zi-workspace-v416 textarea:focus,
.zi-workspace-v416 select:focus{
  border-color:rgba(169,120,47,.48)!important;
  box-shadow:0 0 0 3px rgba(169,120,47,.10)!important;
  outline:none!important;
}

/* ---- Canvas lifecycle ---- */
.zi-canvas-status-v416{
  position:absolute;
  inset:0;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease;
}

.zi-canvas-status-v416.is-visible{
  opacity:1;
  visibility:visible;
}

.zi-canvas-status-card-v416{
  display:flex;
  align-items:center;
  gap:10px;
  max-width:min(320px,82%);
  padding:10px 13px;
  border:1px solid rgba(153,111,50,.16);
  border-radius:14px;
  background:rgba(255,253,249,.93);
  box-shadow:0 18px 50px rgba(44,31,18,.12);
  color:#5b452c;
  font-size:11px;
  font-weight:800;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.zi-canvas-spinner-v416{
  width:16px;height:16px;border-radius:50%;
  border:2px solid rgba(171,124,55,.18);
  border-top-color:#a9782f;
  animation:ziCanvasSpinV416 .75s linear infinite;
  flex:0 0 auto;
}
@keyframes ziCanvasSpinV416{to{transform:rotate(360deg)}}

.zi-canvas-error-v416{pointer-events:auto}
.zi-canvas-error-v416 .zi-canvas-spinner-v416{display:none}
.zi-canvas-error-v416 .zi-canvas-status-card-v416{color:#8f2e24;border-color:rgba(159,57,45,.20);background:rgba(255,248,247,.95)}
.zi-canvas-retry-v416{
  display:none;
  margin-left:4px;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(143,46,36,.20);
  border-radius:9px;
  background:#fff;
  color:#7b2d25;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
.zi-canvas-error-v416 .zi-canvas-retry-v416{display:inline-flex;align-items:center;justify-content:center}

/* ---- Free Invitation Studio readability ---- */
.zi-free-studio-v416{
  background:linear-gradient(180deg,#efe9e2,#e4ddd5)!important;
}
.zi-free-studio-v416 .app{gap:18px!important;padding:20px!important}
.zi-free-studio-v416 .panel{
  width:318px!important;
  border:1px solid rgba(92,53,34,.12)!important;
  border-radius:20px!important;
  background:rgba(255,252,248,.96)!important;
  box-shadow:0 20px 58px rgba(61,39,25,.12)!important;
  color:#3d281f!important;
}
.zi-free-studio-v416 .panel-head{padding:18px 18px 12px!important;border-bottom:1px solid rgba(92,53,34,.08)}
.zi-free-studio-v416 .control-label,
.zi-free-studio-v416 .export-title{
  color:#533729!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:750!important;
}
.zi-free-studio-v416 .panel select,
.zi-free-studio-v416 .panel input{
  min-height:40px!important;
  color:#3d281f!important;
  background:#fffdfb!important;
  border-color:#d9c6b5!important;
  font-size:12px!important;
}
.zi-free-studio-v416 .panel button{
  min-height:42px;
  border-radius:11px!important;
  font-size:12px!important;
  font-weight:750!important;
  letter-spacing:.005em;
}
.zi-free-studio-v416 .panel .quiet{color:#5f4438!important;background:#f1e9e2!important}
.zi-free-studio-v416 .card .item,
.zi-free-studio-v416 .program-name,
.zi-free-studio-v416 .program-note,
.zi-free-studio-v416 .program-kicker,
.zi-free-studio-v416 .program-title,
.zi-free-studio-v416 .program-sub{
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  font-kerning:normal;
  font-variant-ligatures:common-ligatures;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  direction:ltr!important;
}
.zi-free-studio-v416 .card .item[contenteditable="true"]{
  caret-color:currentColor;
}

/* ---- Dark chrome only; never recolor the invitation canvas ---- */
html[data-zi-theme="dark"] .zi-workspace-v416 .studio-bg{
  background:radial-gradient(circle at 50% 10%,rgba(188,139,67,.08),transparent 34%),#17120f!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 .sidebar-wrap,
html[data-zi-theme="dark"] .zi-workspace-v416 .zi-workspace-right-v416{
  background:rgba(31,24,20,.96)!important;
  border-color:rgba(225,189,113,.13)!important;
  color:#f1e7da!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 .zi-workspace-tabs-v416,
html[data-zi-theme="dark"] .zi-workspace-v416 .zi-workspace-right-head-v416{
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(225,189,113,.11)!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 .zi-workspace-tab-v416{color:#c8b8a9}
html[data-zi-theme="dark"] .zi-workspace-v416 .zi-workspace-tab-v416[aria-selected="true"]{
  color:#f6eadb;
  border-color:rgba(225,189,113,.18);
  background:linear-gradient(180deg,rgba(225,189,113,.11),rgba(255,255,255,.035));
}
html[data-zi-theme="dark"] .zi-workspace-v416 .zi-workspace-right-title-v416{color:#f3e9dc}
html[data-zi-theme="dark"] .zi-workspace-v416 .zi-workspace-right-subtitle-v416{color:#bba99a}
html[data-zi-theme="dark"] .zi-workspace-v416 .zi-workspace-context-v416{background:rgba(225,189,113,.07);color:#d6c5b4}
html[data-zi-theme="dark"] .zi-workspace-v416 .field-label{color:#eadfd2!important}
html[data-zi-theme="dark"] .zi-workspace-v416 .field-help,
html[data-zi-theme="dark"] .zi-workspace-v416 .simple-note,
html[data-zi-theme="dark"] .zi-workspace-v416 .text-stone-500,
html[data-zi-theme="dark"] .zi-workspace-v416 .text-stone-600{color:#b8a798!important}
html[data-zi-theme="dark"] .zi-workspace-v416 .field-input,
html[data-zi-theme="dark"] .zi-workspace-v416 input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
html[data-zi-theme="dark"] .zi-workspace-v416 textarea,
html[data-zi-theme="dark"] .zi-workspace-v416 select{
  color:#f3e9dc!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(225,189,113,.14)!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 .studio-layout.zi-workspace-layout-v416 > .stage,
html[data-zi-theme="dark"] .zi-workspace-v416 .studio-layout.zi-workspace-layout-v416 > #stage{
  background:radial-gradient(circle at 50% 24%,rgba(225,189,113,.04),transparent 32%),linear-gradient(180deg,#1b1612,#15110f)!important;
  border-color:rgba(225,189,113,.10)!important;
}

@media (max-width:1099px){
  .zi-workspace-tabs-v416,.zi-workspace-right-v416{display:none!important}
}

@media (max-width:700px){
  .zi-free-studio-v416 .app{padding:8px!important}
  .zi-free-studio-v416 .panel{width:min(100%,768px)!important}
}

/* Free Studio follows the interface theme, while the invitation card keeps its own paper colors. */
html[data-zi-theme="dark"] body.zi-free-studio-v416{
  background:radial-gradient(circle at 50% 8%,rgba(188,139,67,.07),transparent 34%),#17120f!important;
}
html[data-zi-theme="dark"] body.zi-free-studio-v416 .panel{
  background:rgba(31,24,20,.96)!important;
  border-color:rgba(225,189,113,.13)!important;
  color:#f3e9dc!important;
  box-shadow:0 22px 64px rgba(0,0,0,.28)!important;
}
html[data-zi-theme="dark"] body.zi-free-studio-v416 .panel-head{border-color:rgba(225,189,113,.10)!important}
html[data-zi-theme="dark"] body.zi-free-studio-v416 .control-label,
html[data-zi-theme="dark"] body.zi-free-studio-v416 .export-title{color:#eadfd2!important}
html[data-zi-theme="dark"] body.zi-free-studio-v416 .panel select,
html[data-zi-theme="dark"] body.zi-free-studio-v416 .panel input{
  color:#f3e9dc!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(225,189,113,.16)!important;
}
html[data-zi-theme="dark"] body.zi-free-studio-v416 .panel button:not(.primary):not(.download-main){
  color:#eadfd2!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(225,189,113,.14)!important;
}
html[data-zi-theme="dark"] body.zi-free-studio-v416 .panel .quiet{color:#cdbcae!important;background:rgba(255,255,255,.04)!important}


/* ==== V4.17 dark-mode completeness + contrast pass ==== */
html[data-zi-theme="dark"]{
  --zi-editor-bg:#15110e;
  --zi-editor-panel:rgba(31,24,20,.97);
  --zi-editor-panel-strong:#241b16;
  --zi-editor-line:rgba(225,189,113,.14);
  --zi-editor-line-strong:rgba(225,189,113,.24);
  --zi-editor-text:#f5ecdf;
  --zi-editor-muted:#c6b5a6;
  --zi-editor-accent:#d5a760;
  --zi-editor-accent-strong:#ebc987;
  --zi-editor-shadow:0 24px 72px rgba(0,0,0,.34);
}

/* Tailwind translucent white utilities were still painting light cards in dark mode. */
html[data-zi-theme="dark"] .zi-workspace-v416 [class*="bg-white/"]{
  background-color:rgba(255,255,255,.045)!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 [class*="border-white/"]{
  border-color:rgba(225,189,113,.12)!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 :is(.text-stone-700,.text-stone-600,.text-stone-500){
  color:#cbbbad!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 :is(.text-amber-700,.text-amber-800,.text-amber-900){
  color:#e0b66f!important;
}

html[data-zi-theme="dark"] .zi-workspace-v416 :is(
  .sidebar-scroll > section,
  .zi-workspace-panel-v416 > section,
  .crop-card,.tuner-card,.program-card,.custom-card,.guest-card,
  .program-manager-section,.guest-user-card,.guest-selected,
  .guest-row,.guest-search-result,.guest-empty,.program-empty-note,
  .simple-note,.payment-inline-panel,.payment-status
){
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(225,189,113,.13)!important;
  color:var(--zi-editor-text)!important;
  box-shadow:none!important;
}

html[data-zi-theme="dark"] .zi-workspace-v416 :is(
  .field-label,.tune-label,.program-label,.program-manager-title,
  .guest-user-name,.guest-name,.template-count
){color:#efe4d7!important}

html[data-zi-theme="dark"] .zi-workspace-v416 :is(
  .field-help,.simple-note,.program-manager-meta,.guest-user-sub,.guest-meta,
  .program-empty-note,.guest-empty
){color:#c0afa0!important}

html[data-zi-theme="dark"] .zi-workspace-v416 :is(
  .small-btn,.program-mini-btn,.program-add-inline,.guest-action,
  .guest-tab,.template-page-btn,.program-delete-btn
){
  background:rgba(255,255,255,.055)!important;
  color:#eee2d4!important;
  border-color:rgba(225,189,113,.14)!important;
  box-shadow:none!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 .guest-tab.active{
  background:linear-gradient(135deg,#c9964d,#76502d)!important;
  color:#fff!important;
}

html[data-zi-theme="dark"] .zi-workspace-v416 :is(input,textarea,select)::placeholder{
  color:#927f70!important;
  opacity:1;
}
html[data-zi-theme="dark"] .zi-workspace-v416 :is(input[type="date"],input[type="time"]){
  color-scheme:dark;
}
html[data-zi-theme="dark"] .zi-workspace-v416 :is(input[type="checkbox"],input[type="radio"]){
  accent-color:#d2a35f;
}

html[data-zi-theme="dark"] .zi-workspace-v416 .hint-pill{
  color:#eadfD2!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(225,189,113,.14)!important;
  box-shadow:none!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 .stage-hero :is(h1,h2){color:#f5ecdf!important}
html[data-zi-theme="dark"] .zi-workspace-v416 .stage-hero p{color:#c3b2a3!important}
html[data-zi-theme="dark"] .zi-workspace-v416 .stage-hero .hero-badge{
  color:#e3b96f!important;
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(225,189,113,.13)!important;
}

/* Status colors keep their meaning without becoming bright white cards. */
html[data-zi-theme="dark"] .zi-workspace-v416 [class*="bg-emerald-50"]{background:rgba(6,78,59,.27)!important}
html[data-zi-theme="dark"] .zi-workspace-v416 [class*="text-emerald-800"]{color:#b9f3d8!important}
html[data-zi-theme="dark"] .zi-workspace-v416 [class*="bg-amber-50"]{background:rgba(120,78,18,.23)!important}
html[data-zi-theme="dark"] .zi-workspace-v416 [class*="bg-red-50"]{background:rgba(127,29,29,.22)!important}
html[data-zi-theme="dark"] .zi-workspace-v416 [class*="text-red-700"]{color:#fecaca!important}

/* Drawers / payment / auth internals. */
html[data-zi-theme="dark"] :is(.guest-drawer-head,.guest-tabs,.payment-head,.auth-head,.font-settings-head,.font-setting){
  border-color:rgba(225,189,113,.12)!important;
}
html[data-zi-theme="dark"] :is(.guest-drawer-title,.guest-name,.auth-title,.font-setting label,.font-preview){color:#f3e9dc!important}
html[data-zi-theme="dark"] :is(.guest-meta,.font-settings-note){color:#bca99a!important}
html[data-zi-theme="dark"] :is(.guest-tab,.guest-action,.payment-provider-btn,.payment-secondary-action,.payment-inline-panel,.download-menu,.download-menu button){
  background:rgba(255,255,255,.055)!important;
  color:#eadfd2!important;
  border-color:rgba(225,189,113,.14)!important;
}

/* Free Studio: all editor chrome follows dark mode; artwork remains untouched. */
html[data-zi-theme="dark"] body.zi-free-studio-v416 :is(.panel-mobile-head,.studio-sheet-card,.download-menu){
  background:rgba(31,24,20,.98)!important;
  color:#f3e9dc!important;
  border-color:rgba(225,189,113,.13)!important;
}
html[data-zi-theme="dark"] body.zi-free-studio-v416 :is(.panel-mobile-head strong,.studio-sheet-card h2,.studio-sheet-option b){color:#f3e9dc!important}
html[data-zi-theme="dark"] body.zi-free-studio-v416 :is(.panel-mobile-head small,.studio-sheet-option small,.font-settings-note,.autosave-note){color:#b9a797!important}
html[data-zi-theme="dark"] body.zi-free-studio-v416 .studio-sheet-option{
  color:#eadfd2!important;
  border-color:rgba(225,189,113,.12)!important;
}
html[data-zi-theme="dark"] body.zi-free-studio-v416 .studio-sheet-icon{
  background:rgba(213,167,96,.10)!important;
  color:#e2b873!important;
}

/* Free invitation artwork readability. Do not tie these colors to the editor theme. */
.zi-free-studio-v416 .front > .item:not(.cream):not(.white):not(.orange):not(.rust):not(.gold){
  color:#55291c;
  text-shadow:0 .045em .16em rgba(255,255,255,.72);
}
.zi-free-studio-v416 .front > .item.sans.center:not(.white){font-weight:600}
.zi-free-studio-v416 .front .routeTitle{
  font-size:1.28cqw!important;
  letter-spacing:.045em!important;
  text-shadow:0 .10em .24em rgba(76,24,8,.26)!important;
}
.zi-free-studio-v416 .front .routeText{
  font-size:max(calc(var(--fs)*1cqw),1.03cqw)!important;
  line-height:1.38!important;
  font-weight:500;
  color:#52291d!important;
  text-shadow:0 .05em .14em rgba(255,255,255,.74)!important;
}
body[data-studio-preset="ivory-garden"] .front > .item:not(.cream):not(.white):not(.orange):not(.rust):not(.gold){color:#574335!important}
body[data-studio-preset="midnight-gold"] .front .routeText{color:#f4e6d0!important;text-shadow:0 .08em .2em rgba(0,0,0,.34)!important}

/* V4.17.1: cover non-translucent Tailwind utilities left in editor cards/buttons. */
html[data-zi-theme="dark"] .zi-workspace-v416 .bg-white,
html[data-zi-theme="dark"] .zi-workspace-v416 [class~="bg-white"]{
  background-color:rgba(255,255,255,.055)!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 :is([class*="border-amber-"],[class*="border-stone-"],[class*="border-emerald-"],[class*="border-red-"]){
  border-color:rgba(225,189,113,.14)!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 :is(.bg-amber-100,[class*="bg-amber-100"],[class*="bg-amber-300/"]){
  background-color:rgba(164,111,34,.18)!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 :is(button,a,[role="button"]):focus-visible{
  outline:2px solid rgba(235,201,135,.78)!important;
  outline-offset:2px;
}
html[data-zi-theme="dark"] .zi-workspace-v416 :is(input[type="radio"],input[type="checkbox"]){
  background-color:#211914;
  border-color:rgba(225,189,113,.34);
}

/* Small copy on the free invitation must remain readable at desktop preview scale. */
.zi-free-studio-v416 .front > .item.sans:not(.routeTitle):not(.routeText){
  font-size:max(calc(var(--fs)*1cqw),1.10cqw);
}
.zi-free-studio-v416 .front .routeTitle{font-size:1.44cqw!important;}
.zi-free-studio-v416 .front .routeText{font-size:max(calc(var(--fs)*1cqw),1.28cqw)!important;line-height:1.42!important;}

/* ==== V4.18 admin-template studio + sidebar legibility ==== */
/* Keep controls compact but readable across Free, Wedding and Event studios. */
.zi-workspace-v416 :is(.sidebar-wrap,.zi-workspace-right-v416),
.zi-free-studio-v416 :is(.panel,.font-settings-drawer){
  --zi-control-font:12px;
  --zi-help-font:11px;
  --zi-icon-size:17px;
}

.zi-workspace-v416 :is(
  .field-label,.tune-label,.program-label,.program-manager-label,
  .template-tuner-title,.control-label,.guest-drawer-kicker,.payment-kicker
),
.zi-free-studio-v416 :is(.control-label,.font-setting label,.export-title){
  font-size:var(--zi-control-font)!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
}

.zi-workspace-v416 :is(
  .field-help,.simple-note,.template-tuner-mini,.program-manager-meta,
  .guest-meta,.guest-user-sub,.program-empty-note,.guest-empty,
  .zi-workspace-right-subtitle-v416
),
.zi-free-studio-v416 :is(.autosave-note,.font-settings-note,.panel-mobile-head small){
  font-size:var(--zi-help-font)!important;
  line-height:1.55!important;
  font-weight:550!important;
}

.zi-workspace-v416 :is(input:not([type="range"]),textarea,select),
.zi-free-studio-v416 .panel :is(input,select,textarea),
.zi-free-studio-v416 .font-settings-drawer :is(input,select,textarea){
  min-height:40px;
  font-size:12px!important;
  line-height:1.35!important;
}

.zi-workspace-v416 textarea,
.zi-free-studio-v416 textarea{min-height:78px}

.zi-workspace-v416 :is(
  .premium-btn,.small-btn,.small-action-btn,.program-mini-btn,.program-add-inline,
  .guest-action,.guest-tab,.template-page-btn,.zi-workspace-tab-v416
),
.zi-free-studio-v416 .panel :is(button,.download-main){
  min-height:38px;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
}

.zi-workspace-v416 :is(button,a,[role="button"]) :is(svg,.icon),
.zi-free-studio-v416 :is(button,a,[role="button"]) svg{
  width:var(--zi-icon-size)!important;
  height:var(--zi-icon-size)!important;
  flex:0 0 var(--zi-icon-size)!important;
}

.zi-workspace-v416 .zi-workspace-tab-icon-v416{
  width:22px!important;
  height:22px!important;
  font-size:12px!important;
  line-height:1!important;
}

/* Left/right editor rails: stronger hierarchy, especially for low-contrast sidebar copy. */
.zi-workspace-v416 :is(.sidebar-scroll,.zi-workspace-right-scroll-v416){
  color:var(--zi-editor-text)!important;
}
.zi-workspace-v416 :is(.sidebar-scroll,.zi-workspace-right-scroll-v416) :is(h2,h3,h4,strong,b){
  color:var(--zi-editor-text)!important;
}
.zi-workspace-v416 :is(.sidebar-scroll,.zi-workspace-right-scroll-v416) :is(p,small,label,span){
  opacity:1;
}
.zi-workspace-v416 :is(.field-label,.tune-label,.program-label,.template-tuner-title){
  color:#493827!important;
}
.zi-workspace-v416 :is(.field-help,.simple-note,.template-tuner-mini,.program-manager-meta,.guest-meta,.guest-user-sub){
  color:#67594d!important;
}

html[data-zi-theme="dark"] .zi-workspace-v416 :is(
  .field-label,.tune-label,.program-label,.program-manager-label,
  .template-tuner-title,.control-label,.guest-drawer-kicker,.payment-kicker,
  .template-count,.guest-user-name,.guest-name
){
  color:#f5eadc!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 :is(
  .field-help,.simple-note,.template-tuner-mini,.program-manager-meta,
  .guest-meta,.guest-user-sub,.program-empty-note,.guest-empty,
  .zi-workspace-right-subtitle-v416
){
  color:#d0c0b1!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 :is(input:not([type="range"]),textarea,select){
  background:#2b211b!important;
  color:#fff7eb!important;
  border-color:rgba(232,196,132,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 :is(input:not([type="range"]),textarea,select):focus{
  border-color:rgba(235,190,112,.58)!important;
  box-shadow:0 0 0 3px rgba(213,167,96,.12)!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 :is(input,textarea)::placeholder{
  color:#ad9989!important;
}
html[data-zi-theme="dark"] .zi-workspace-v416 select option{
  background:#241b16;
  color:#fff7eb;
}

/* Admin baseline mode ------------------------------------------------------- */
.zi-admin-template-card-v418{
  display:grid;
  gap:10px;
  margin:0 0 12px;
  padding:14px;
  border:1px solid rgba(153,103,38,.25);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,248,231,.96),rgba(246,233,207,.84));
  box-shadow:0 10px 26px rgba(82,53,20,.07);
  color:#362517;
}
.zi-admin-template-card-v418[hidden]{display:none!important}
.zi-admin-template-card-v418 .zi-admin-kicker-v418{
  margin:0;
  color:#9a642c!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
}
.zi-admin-template-card-v418 :is(h3,strong){margin:0;color:#302014!important}
.zi-admin-template-card-v418 p{margin:0;color:#66513f!important;font-size:11px!important;line-height:1.5!important}
.zi-admin-template-card-v418 .zi-admin-actions-v418{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.zi-admin-template-card-v418 button{
  min-height:38px!important;
  border-radius:11px!important;
  font-size:10.5px!important;
  font-weight:800!important;
}
.zi-admin-template-status-v418{
  min-height:18px;
  color:#715b49!important;
  font-size:10px!important;
  line-height:1.45!important;
  font-weight:650!important;
}
.zi-admin-template-status-v418[data-state="loading"]{color:#8a5a1f!important}
.zi-admin-template-status-v418[data-state="success"],
.zi-admin-template-status-v418[data-state="ready"]{color:#2b6b4a!important}
.zi-admin-template-status-v418[data-state="error"]{color:#a63737!important}

body.zi-admin-template-mode-v418 .zi-workspace-right-head-v416::after{
  content:"Mode administrateur · base publique";
  display:inline-flex;
  margin-top:8px;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(169,120,47,.10);
  border:1px solid rgba(169,120,47,.18);
  color:#8b5f25;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.zi-admin-template-mode-v418 #publicLinkCard,
body.zi-admin-template-mode-v418 #btnPayStripe,
body.zi-admin-template-mode-v418 #btnPayPaypal{
  display:none!important;
}
html[data-zi-theme="dark"] .zi-admin-template-card-v418{
  background:linear-gradient(145deg,rgba(76,55,34,.72),rgba(43,32,25,.94));
  border-color:rgba(235,190,112,.24);
  color:#fff2e2;
  box-shadow:none;
}
html[data-zi-theme="dark"] .zi-admin-template-card-v418 .zi-admin-kicker-v418{color:#e4b66d!important}
html[data-zi-theme="dark"] .zi-admin-template-card-v418 :is(h3,strong){color:#fff3e5!important}
html[data-zi-theme="dark"] .zi-admin-template-card-v418 p,
html[data-zi-theme="dark"] .zi-admin-template-status-v418{color:#d5c2b0!important}
html[data-zi-theme="dark"] body.zi-admin-template-mode-v418 .zi-workspace-right-head-v416::after{
  background:rgba(213,167,96,.12);
  border-color:rgba(235,190,112,.20);
  color:#edc784;
}

/* Template loading lifecycle shared by Event and the lightweight Free Studio. */
.zi-template-loader-v418,
.zi-free-template-loader-v418{
  position:absolute;
  inset:0;
  z-index:38;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:24px;
  text-align:center;
  color:#3f2c1c;
  background:rgba(250,246,239,.90);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.zi-template-loader-v418[hidden],.zi-free-template-loader-v418[hidden]{display:none!important}
.zi-template-loader-v418 strong,.zi-free-template-loader-v418 strong{font-size:13px;line-height:1.3}
.zi-template-loader-v418 span,.zi-free-template-loader-v418 span{max-width:270px;color:#756454;font-size:11px;line-height:1.5}
.zi-template-loader-v418 button,.zi-free-template-loader-v418 button{
  min-height:34px;padding:0 13px;border:1px solid rgba(109,72,32,.16);border-radius:10px;background:#fff;color:#3f2c1c;font:750 10px/1.2 Montserrat,sans-serif;cursor:pointer
}
.zi-template-loader-spinner-v418{
  width:30px;
  height:30px;
  border-radius:50%;
  border:3px solid rgba(169,120,47,.18);
  border-top-color:#a9782f;
  animation:zi-template-spin-v418 .72s linear infinite;
}
@keyframes zi-template-spin-v418{to{transform:rotate(360deg)}}
html[data-zi-theme="dark"] :is(.zi-template-loader-v418,.zi-free-template-loader-v418){
  color:#fff2e5;
  background:rgba(24,18,14,.90);
}
html[data-zi-theme="dark"] :is(.zi-template-loader-v418,.zi-free-template-loader-v418) span{color:#cfbdad}
html[data-zi-theme="dark"] :is(.zi-template-loader-v418,.zi-free-template-loader-v418) button{
  color:#fff2e5;background:#31251e;border-color:rgba(235,190,112,.18)
}

/* Free Studio admin mode and its own sidebar readability. */
.zi-free-studio-v416 .preview-wrap{position:relative}
.zi-free-studio-v416 .zi-free-template-loader-v418{border-radius:22px}
.zi-free-studio-v416 .zi-free-admin-card-v418{margin:0 0 12px}
.zi-free-studio-v416 .panel :is(.control-label,.autosave-note){color:#59473b!important}
.zi-free-studio-v416 .panel :is(button,select,input){font-family:Montserrat,Arial,sans-serif}
.zi-free-studio-v416 .panel :is(button,select,input):focus-visible{
  outline:2px solid rgba(169,120,47,.46)!important;
  outline-offset:2px;
}
html[data-zi-theme="dark"] .zi-free-studio-v416 .panel :is(.control-label,.autosave-note){color:#eadfd2!important}
html[data-zi-theme="dark"] .zi-free-studio-v416 .panel :is(select,input){
  background:#2b211b!important;
  color:#fff7eb!important;
  border-color:rgba(232,196,132,.24)!important;
}
html[data-zi-theme="dark"] .zi-free-studio-v416 .panel :is(select,input) option{background:#241b16;color:#fff7eb}
body.zi-free-studio-v416.zi-admin-template-mode-v418 #saveBtn{display:none!important}
body.zi-free-studio-v416.zi-admin-template-mode-v418 #saveTemplateBtn{display:block!important}

@media (max-width:1099px){
  .zi-admin-template-card-v418 .zi-admin-actions-v418{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .zi-template-loader-spinner-v418{animation-duration:1.8s}
}

/* Aliases used by the Wedding/Event template markup. */
.zi-admin-template-card-v418 .zi-admin-template-kicker-v418{
  margin:0;
  color:#9a642c!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
}
.zi-admin-template-card-v418 .zi-admin-template-actions-v418{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
html[data-zi-theme="dark"] .zi-admin-template-card-v418 .zi-admin-template-kicker-v418{color:#e4b66d!important}
body.zi-admin-template-mode-v418 .zi-user-only-v418,
body.zi-admin-template-mode-v418 #weddingUserSaveBtn,
body.zi-admin-template-mode-v418 #eventUserSaveBtn{display:none!important}
@media(max-width:1099px){.zi-admin-template-card-v418 .zi-admin-template-actions-v418{grid-template-columns:1fr}}

/* Final contrast coverage for inline studio styles / Tailwind utilities. */
html[data-zi-theme="dark"] .zi-workspace-v416 :is(.section-title,.tune-val,.template-page-info){color:#e5bb72!important}
html[data-zi-theme="dark"] .zi-workspace-v416 :is(.manual-drag-help,.template-code-box){color:#d1bfae!important}
html[data-zi-theme="dark"] .zi-workspace-v416 :is([class*="bg-indigo-50"],[class*="bg-sky-50"]){background:rgba(54,65,116,.20)!important}
html[data-zi-theme="dark"] .zi-workspace-v416 :is([class*="text-indigo-800"],[class*="text-sky-800"]){color:#cbd5ff!important}
html[data-zi-theme="dark"] .zi-workspace-v416 :is(.template-tuner,.custom-field-list,.program-manager){color:#f5ecdf!important}
html[data-zi-theme="dark"] .zi-workspace-v416 .sidebar-scroll::-webkit-scrollbar-thumb,
html[data-zi-theme="dark"] .zi-workspace-v416 .zi-workspace-right-scroll-v416::-webkit-scrollbar-thumb{background:rgba(225,189,113,.30)!important}

/* ========================================================================== 
   Ziarama V4.19 - unified mobile Studio navigation
   ========================================================================== */
@media (max-width:980px){
  :is(.zi-studio-mobile-nav-v419,.studio-bottom-nav.zi-studio-mobile-nav-v419){
    --zi-nav-bg:rgba(255,250,244,.94);
    --zi-nav-border:rgba(91,60,38,.12);
    --zi-nav-text:#675345;
    --zi-nav-icon:#5b3b29;
    --zi-nav-chip:rgba(108,74,49,.075);
    --zi-nav-active:#8f5a38;
    --zi-nav-active-bg:rgba(156,103,69,.11);
    --zi-nav-main-bg:linear-gradient(145deg,#3a271d,#20140f);
    --zi-nav-main-text:#fff7ed;
    box-sizing:border-box!important;
    position:fixed!important;
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:max(7px,env(safe-area-inset-bottom))!important;
    z-index:135!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
    min-height:72px!important;
    padding:7px 7px 8px!important;
    border:1px solid var(--zi-nav-border)!important;
    border-radius:24px!important;
    background:var(--zi-nav-bg)!important;
    box-shadow:0 20px 55px rgba(34,22,15,.18),0 2px 10px rgba(34,22,15,.08)!important;
    backdrop-filter:blur(22px) saturate(1.12)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
    overflow:visible!important;
  }
  .zi-studio-mobile-nav-v419 :is(.studio-bottom-action,.dock-btn){
    box-sizing:border-box!important;
    min-width:0!important;
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    padding:5px 2px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border:0!important;
    border-radius:17px!important;
    background:transparent!important;
    color:var(--zi-nav-text)!important;
    box-shadow:none!important;
    font-family:Montserrat,Arial,sans-serif!important;
    font-weight:750!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent;
    transition:transform .16s ease,background-color .16s ease,color .16s ease!important;
  }
  .zi-studio-mobile-nav-v419 :is(.studio-bottom-action,.dock-btn):active{transform:scale(.95)!important}
  .zi-studio-mobile-nav-v419 :is(.studio-bottom-action,.dock-btn).active,
  .zi-studio-mobile-nav-v419 :is(.studio-bottom-action,.dock-btn).is-active{
    color:var(--zi-nav-active)!important;
    background:var(--zi-nav-active-bg)!important;
  }
  .zi-studio-mobile-nav-v419 .zi-mobile-nav-icon-v419,
  .zi-studio-mobile-nav-v419 :is(.dock-icon,.dock-ico){
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:11px!important;
    background:var(--zi-nav-chip)!important;
    color:var(--zi-nav-icon)!important;
    font-size:0!important;
    line-height:1!important;
  }
  .zi-studio-mobile-nav-v419 .zi-mobile-nav-icon-v419 svg,
  .zi-studio-mobile-nav-v419 :is(.dock-icon,.dock-ico) svg,
  .zi-studio-mobile-nav-v419 > .studio-bottom-action > svg{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.7!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .zi-studio-mobile-nav-v419 :is(.dock-label,.studio-bottom-action>span:last-child){
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:8.5px!important;
    line-height:1.05!important;
    letter-spacing:.015em!important;
    text-transform:none!important;
    color:inherit!important;
  }
  .zi-studio-mobile-nav-v419 .zi-mobile-nav-main-v419,
  .zi-studio-mobile-nav-v419 .studio-bottom-main{
    position:relative!important;
    z-index:2!important;
    transform:translateY(-9px)!important;
    background:transparent!important;
  }
  .zi-studio-mobile-nav-v419 .zi-mobile-nav-main-v419 .zi-mobile-nav-icon-v419,
  .zi-studio-mobile-nav-v419 .studio-bottom-main > svg{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:9px!important;
    box-sizing:border-box!important;
    border-radius:14px!important;
    background:var(--zi-nav-main-bg)!important;
    color:var(--zi-nav-main-text)!important;
    box-shadow:0 11px 26px rgba(44,28,18,.25)!important;
  }
  .zi-studio-mobile-nav-v419 .studio-bottom-main > svg{
    stroke:var(--zi-nav-main-text)!important;
  }
  .zi-studio-mobile-nav-v419 .zi-mobile-nav-main-v419 :is(.dock-label,.studio-bottom-action>span:last-child),
  .zi-studio-mobile-nav-v419 .studio-bottom-main > span{
    transform:translateY(4px);
  }
  body:has(.zi-studio-mobile-nav-v419){padding-bottom:max(88px,calc(78px + env(safe-area-inset-bottom)))!important}
}
html[data-zi-theme="dark"] :is(.zi-studio-mobile-nav-v419,.studio-bottom-nav.zi-studio-mobile-nav-v419){
  --zi-nav-bg:rgba(28,21,17,.94);
  --zi-nav-border:rgba(235,198,137,.14);
  --zi-nav-text:#d7c8ba;
  --zi-nav-icon:#f1dfc9;
  --zi-nav-chip:rgba(255,238,214,.075);
  --zi-nav-active:#edc783;
  --zi-nav-active-bg:rgba(224,179,104,.10);
  --zi-nav-main-bg:linear-gradient(145deg,#d5aa66,#9a6f34);
  --zi-nav-main-text:#20150f;
}
@media(max-width:380px){
  .zi-studio-mobile-nav-v419 :is(.studio-bottom-action,.dock-btn){height:55px!important;min-height:55px!important}
  .zi-studio-mobile-nav-v419 .zi-mobile-nav-icon-v419,
  .zi-studio-mobile-nav-v419 :is(.dock-icon,.dock-ico){width:30px!important;height:30px!important;min-width:30px!important}
  .zi-studio-mobile-nav-v419 :is(.dock-label,.studio-bottom-action>span:last-child){font-size:8px!important}
}
@media(prefers-reduced-motion:reduce){
  .zi-studio-mobile-nav-v419 :is(.studio-bottom-action,.dock-btn){transition:none!important}
}