/* VNext compatible chrome. Never target .item, .face, .template-layer,
   .direct-edit or descendants of the invitation artwork. No document format change. */
body[data-studio-ui="vnext"] {
  --atelier-bg:#f1efec; --atelier-panel:#fffefa; --atelier-ink:#2b211d;
  --atelier-muted:#6f6158; --atelier-line:#e5d8cc; --atelier-soft:#f1e8df;
  --atelier-accent:#8a533b; --atelier-primary:#4b2717;
  margin:0; background:var(--atelier-bg) !important; color:var(--atelier-ink) !important;
}
html[data-zi-theme="dark"] body[data-studio-ui="vnext"] {
  --atelier-bg:#1d1916; --atelier-panel:#28221e; --atelier-ink:#fbf8f3;
  --atelier-muted:#d2c4b9; --atelier-line:#625043; --atelier-soft:#3b2e26;
  --atelier-accent:#efb595;
}
.zi-atelier-heading { display:flex; align-items:center; gap:24px; min-height:84px; padding:14px 24px; background:var(--atelier-panel); border-bottom:1px solid var(--atelier-line); color:var(--atelier-ink); position:relative; z-index:40; font-family:'DM Sans','Lato',Arial,sans-serif; box-sizing:border-box; }
.zi-atelier-identity { flex-shrink:0; }
.zi-atelier-back { display:inline-flex; align-items:center; gap:7px; color:var(--atelier-muted); font:500 11px/1.4 'DM Sans',Arial,sans-serif; text-decoration:none; }
.zi-atelier-back span { white-space:nowrap; }
.zi-atelier-back:hover { color:var(--atelier-accent); }
.zi-atelier-heading h1 { margin:3px 0 0; font:500 30px/1.05 'Cormorant Garamond',Georgia,serif; letter-spacing:-.025em; color:var(--atelier-ink); }
.zi-atelier-context { margin:0; color:var(--atelier-muted); font-size:12px; line-height:1.5; }
.zi-atelier-commands { display:flex; align-items:center; gap:7px; margin-left:auto; }
.zi-atelier-commands button { white-space:nowrap; width:auto; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:10px 13px; color:var(--atelier-ink); background:var(--atelier-panel); border:1px solid var(--atelier-line); border-radius:9px; font:500 12px/1.3 'DM Sans','Lato',Arial,sans-serif; cursor:pointer; }
.zi-atelier-commands button > span { white-space:nowrap; }
.zi-atelier-commands button:hover { border-color:var(--atelier-accent); }
.zi-atelier-commands button.zi-atelier-primary { background:var(--atelier-primary); border-color:var(--atelier-primary); color:#fffdf8; }
.zi-atelier-commands button:disabled { opacity:.5; cursor:wait; }
.zi-atelier-heading svg { --zi-icon-size:18px; width:18px !important; height:18px !important; flex:0 0 18px !important; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.zi-atelier-heading :focus-visible, body[data-studio-ui="vnext"] :is(.sidebar-wrap,.zi-workspace-right-v416) :focus-visible { outline:3px solid var(--atelier-accent); outline-offset:3px; }
.zi-atelier-nojs { margin:0; padding:12px 24px; color:var(--atelier-ink); background:var(--atelier-soft); }
.zi-atelier-status { position:fixed; right:18px; bottom:12px; z-index:41; max-width:min(520px,calc(100vw - 36px)); padding:8px 12px; border:1px solid var(--atelier-line); border-radius:9px; background:var(--atelier-panel); color:var(--atelier-muted); font:12px/1.4 'DM Sans',Arial,sans-serif; box-shadow:0 3px 12px #0000000d; pointer-events:none; }
.zi-atelier-status[hidden] { display:none; }
body.zi-atelier-chrome-ready :is(.zi-top,.zi-font-tools,.floating-toolbar,[data-zi-global-nav-loader][aria-hidden="true"]) { display:none !important; }
body[data-studio-ui="vnext"] .studio-bg { background:var(--atelier-bg) !important; min-height:0 !important; height:auto !important; }
body[data-studio-ui="vnext"] :is(.stage-hero,.stage > .hints,.stage > .pointer-events-none,.studio-layout > .stage > .text-center) { display:none !important; }
body[data-studio-ui="vnext"] :is(.sidebar-wrap,.zi-workspace-right-v416,.font-settings-drawer) { color:var(--atelier-ink); background:var(--atelier-panel) !important; border-color:var(--atelier-line) !important; box-shadow:none !important; }
body[data-studio-ui="vnext"] :is(.sidebar-scroll,.zi-workspace-right-scroll-v416) { scrollbar-width:thin; scrollbar-gutter:stable; }
body[data-studio-ui="vnext"] :is(.sidebar-brand,.zi-workspace-right-head-v416) { background:var(--atelier-panel) !important; border-bottom:1px solid var(--atelier-line); padding:18px !important; }
body[data-studio-ui="vnext"] :is(.sidebar-scroll,.zi-workspace-panel-v416) > section { background:transparent !important; border:0 !important; border-bottom:1px solid var(--atelier-line) !important; box-shadow:none !important; border-radius:0 !important; padding:16px 4px !important; }
body[data-studio-ui="vnext"] :is(.section-title,.zi-workspace-right-title-v416,.panel-head > label) { color:var(--atelier-ink) !important; }
body[data-studio-ui="vnext"] :is(.zi-workspace-right-subtitle-v416,.zi-workspace-context-v416,.field-help,.simple-note) { color:var(--atelier-muted) !important; font-size:12px !important; line-height:1.6 !important; }
body[data-studio-ui="vnext"] :is(.sidebar-wrap,.zi-workspace-right-v416) :is(button,.field-input,input,select,textarea) { font-family:'DM Sans','Lato',Arial,sans-serif; }
body[data-studio-ui="vnext"] :is(.sidebar-wrap,.zi-workspace-right-v416) :is(.field-input,input:not([type="range"]):not([type="checkbox"]):not([type="file"]),select,textarea) { color:var(--atelier-ink) !important; background:var(--atelier-panel) !important; border:1px solid var(--atelier-line) !important; border-radius:8px !important; padding:10px !important; min-width:0; max-width:100%; font-size:13px !important; }
body[data-studio-ui="vnext"] .field-label { color:var(--atelier-muted) !important; font-size:11px !important; }
body[data-studio-ui="vnext"] .zi-workspace-tabs-v416 { display:flex; gap:4px; padding:10px; background:var(--atelier-panel); border-color:var(--atelier-line); overflow-x:auto; scrollbar-width:thin; }
body[data-studio-ui="vnext"] .zi-workspace-tab-v416 { flex:0 0 auto; width:auto; min-width:68px; height:auto; min-height:44px; padding:9px 6px; border:1px solid transparent; border-radius:8px; color:var(--atelier-muted); background:transparent; font-size:11px; white-space:nowrap; }
body[data-studio-ui="vnext"] .zi-workspace-tab-v416 span { white-space:nowrap; word-break:normal; overflow-wrap:normal; }
body[data-studio-ui="vnext"] .zi-workspace-tab-v416[aria-selected="true"] { background:var(--atelier-soft) !important; color:var(--atelier-accent) !important; border-color:var(--atelier-line) !important; box-shadow:none !important; }
body[data-studio-ui="vnext"] .tb { border:1px solid var(--atelier-line) !important; border-radius:8px !important; background:var(--atelier-panel) !important; box-shadow:none !important; }
body[data-studio-ui="vnext"] .tb.active { outline:2px solid var(--atelier-accent); outline-offset:1px; }
body[data-studio-ui="vnext"] .tb-label { color:var(--atelier-ink) !important; background:var(--atelier-panel) !important; font-size:11px !important; line-height:1.4; text-shadow:none !important; }
body[data-studio-ui="vnext"] :is(.sidebar-wrap,.zi-workspace-right-v416,.mobile-panel-sheet) :is(.premium-btn,.small-btn,.shape-pill) { color:var(--atelier-ink) !important; background:var(--atelier-panel) !important; border:1px solid var(--atelier-line) !important; border-radius:8px !important; box-shadow:none !important; min-height:40px; }
body[data-studio-ui="vnext"] :is(.sidebar-wrap,.zi-workspace-right-v416) :is(.tuner-card,.crop-card,.template-tuner-group) { color:var(--atelier-ink) !important; background:var(--atelier-soft) !important; border-color:var(--atelier-line) !important; }
/* Theme only the control surfaces, never the document or its photos/QR. */
body[data-studio-ui="vnext"] :is(.sidebar-scroll,.zi-workspace-right-scroll-v416,.mobile-panel-body) > :is(.simple-note,section) .simple-note,
body[data-studio-ui="vnext"] :is(.mobile-panel-sheet,.mobile-actions-sheet,.font-settings-drawer),
body[data-studio-ui="vnext"] :is(.mobile-panel-head,.mobile-sheet-head) { background:var(--atelier-panel) !important; color:var(--atelier-ink) !important; border-color:var(--atelier-line) !important; }
body[data-studio-ui="vnext"] :is(.mobile-panel-title,.mobile-sheet-title,.field-label) { color:var(--atelier-ink) !important; }
body[data-studio-ui="vnext"] .mobile-dock { background:var(--atelier-panel) !important; border-color:var(--atelier-line) !important; box-shadow:0 8px 24px #00000018 !important; }
body[data-studio-ui="vnext"] .mobile-dock .dock-btn { background:var(--atelier-panel) !important; color:var(--atelier-ink) !important; border-color:var(--atelier-line) !important; }
body[data-studio-ui="vnext"] .mobile-dock .dock-btn.active { background:var(--atelier-soft) !important; color:var(--atelier-accent) !important; }
body[data-studio-ui="vnext"] .mobile-dock :is(.dock-ico,.dock-icon) { background:var(--atelier-soft) !important; color:var(--atelier-accent) !important; }
body[data-studio-ui="vnext"] .studio-layout > .stage { background:var(--atelier-bg) !important; }
/* Preserve native canvas dimensions, renderer, styles and transparent overlays. */
@media (min-width:1100px) {
 body[data-studio-ui="vnext"] .studio-layout.zi-workspace-layout-v416 { grid-template-columns:250px minmax(0,1fr) 300px !important; gap:0 !important; padding:0 !important; min-height:calc(100dvh - 84px) !important; height:calc(100dvh - 84px) !important; width:100% !important; }
 body[data-studio-ui="vnext"] .studio-layout.zi-workspace-layout-v416 > :is(.sidebar-wrap,.stage,.zi-workspace-right-v416) { height:calc(100dvh - 84px) !important; max-height:calc(100dvh - 84px) !important; border-radius:0 !important; border:0 !important; margin:0 !important; }
 body[data-studio-ui="vnext"] .studio-layout.zi-workspace-layout-v416 > .sidebar-wrap { border-right:1px solid var(--atelier-line) !important; display:flex !important; flex-direction:column; padding:0 !important; }
 body[data-studio-ui="vnext"] .studio-layout.zi-workspace-layout-v416 > .zi-workspace-right-v416 { border-left:1px solid var(--atelier-line) !important; }
 body[data-studio-ui="vnext"] .studio-layout.zi-workspace-layout-v416 > .stage { padding:24px 18px 48px !important; background:var(--atelier-bg) !important; box-shadow:none !important; min-width:0 !important; }
 body[data-studio-ui="vnext"] .zi-workspace-right-head-v416 { padding:18px !important; }
 body[data-studio-ui="vnext"] .zi-workspace-right-title-v416 { font:500 25px/1.2 'Cormorant Garamond',Georgia,serif !important; }
 body[data-studio-kind="free"][data-studio-ui="vnext"] .preview-wrap { display:flex !important; justify-content:center; align-items:flex-start; width:auto !important; }
 body[data-studio-kind="free"][data-studio-ui="vnext"] .flip-shell { flex:0 0 auto; width:min(100%,calc((100dvh - 164px)*2/3)); max-width:768px; }
 body[data-studio-kind="free"][data-studio-ui="vnext"] .zi-workspace-right-v416 button:not(.zi-workspace-tab-v416) { width:100%; min-height:42px; margin:4px 0; padding:10px 12px; border-radius:8px; border:1px solid var(--atelier-line); background:var(--atelier-panel); color:var(--atelier-ink); cursor:pointer; }
 body[data-studio-kind="free"][data-studio-ui="vnext"] #saveBtn { background:var(--atelier-primary); color:#fffdf8; }
 body[data-studio-kind="free"][data-studio-ui="vnext"] .zi-workspace-right-v416 .row { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
 body[data-studio-kind="free"][data-studio-ui="vnext"] #freeStudioScroll { width:100%; }
 body[data-studio-kind="free"][data-studio-ui="vnext"] .panel-head { padding:18px 4px; }
 body[data-studio-kind="free"][data-studio-ui="vnext"] .panel-mobile-head { display:none; }
}
@media (min-width:981px) and (max-width:1099px) {
 body[data-studio-ui="vnext"] .studio-layout { min-height:calc(100dvh - 84px) !important; height:calc(100dvh - 84px) !important; }
 .zi-atelier-context { display:none; }
}
@media (max-width:980px) {
 .zi-atelier-heading { min-height:76px; padding:12px 14px; gap:10px; flex-wrap:wrap; }
 .zi-atelier-heading h1 { font-size:25px; }
 .zi-atelier-context { display:none; }
 .zi-atelier-commands :is([data-atelier-command="flip"],[data-atelier-command="export"],[data-atelier-command="move"]) { display:none; }
 .zi-atelier-commands { gap:5px; }
 .zi-atelier-commands button { padding:10px; min-width:40px; min-height:40px; }
 .zi-atelier-commands button > span { display:none; }
 .zi-atelier-status { bottom:92px; font-size:11px; }
 body[data-studio-ui="vnext"]:not([data-studio-kind="free"]) .studio-layout > .stage { padding-top:16px !important; height:calc(var(--zi4243-vvh,100dvh) - 76px) !important; min-height:0 !important; }
 body[data-studio-ui="vnext"] .studio-layout { padding-top:0 !important; min-height:calc(100dvh - 76px) !important; }
 body[data-studio-kind="free"][data-studio-ui="vnext"] .preview-wrap { width:100% !important; min-width:0 !important; min-height:0 !important; display:block !important; }
 body[data-studio-kind="free"][data-studio-ui="vnext"] .flip-shell { width:100% !important; max-width:100% !important; min-height:0 !important; height:auto !important; display:block !important; aspect-ratio:2/3; }
 body[data-studio-kind="free"][data-studio-ui="vnext"] .flip-inner { width:100%; height:auto; aspect-ratio:2/3; }
 body[data-studio-kind="free"][data-studio-ui="vnext"] #freeStudioScroll { padding:0 14px 18px; }
 body[data-studio-kind="free"][data-studio-ui="vnext"] .app { padding:16px 14px 112px !important; }
 body[data-studio-ui="vnext"] :is(.sidebar-wrap,.mobile-panel-sheet,.font-settings-drawer) :is(input,textarea,select) { font-size:16px !important; }
}
@media (prefers-reduced-motion:reduce) { .zi-atelier-heading * { transition:none !important; } }
@media print {
 .zi-atelier-heading,.zi-atelier-status,.zi-atelier-nojs { display:none !important; }
 body[data-studio-ui="vnext"] .zi-workspace-right-v416 { display:none !important; }
}