/* Customer shell only. No renderer state, artwork fonts, SVG geometry or canvas sizes. */
@font-face{font-family:ArtiziaStudioOutfit;src:url('/brand/artizia/fonts/outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:ArtiziaStudioAlexandria;src:url('/brand/artizia/fonts/alexandria.ttf') format('truetype');font-weight:100 900;font-display:swap}
body.az-journey-active{--az-header:var(--az-topbar-height,72px);--az-rail:88px;--az-pane:340px;background:#F8F7FF;color:#14122B}
/* The existing cluster is the sole header; its undo/redo/menu IDs retain engine ownership. */
body.az-journey-active #imp-cluster{position:fixed!important;inset:0 0 auto!important;z-index:900!important;display:flex!important;opacity:1!important;pointer-events:auto!important;align-items:center;gap:8px!important;flex-wrap:wrap;width:100%!important;box-sizing:border-box;padding:10px 16px;background:#fff!important;border-bottom:1px solid #DED9F1;border-radius:0!important;font:500 14px/1.4 ArtiziaStudioOutfit,ArtiziaStudioAlexandria,Arial,sans-serif}
body.az-journey-active #imp-cluster[dir="rtl"]{font-family:ArtiziaStudioAlexandria,Arial,sans-serif}
body.az-journey-active #imp-cluster button{position:relative!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;width:auto!important;min-width:44px!important;min-height:44px!important;height:auto!important;padding:10px 12px!important;border:1px solid #DED9F1!important;border-radius:12px!important;background:#fff!important;color:#14122B!important;font:inherit!important;cursor:pointer;overflow:visible!important;transform:none!important}
body.az-journey-active #imp-cluster #az-continue{background:#0048FD!important;color:#fff!important;border-color:#0048FD!important;margin-inline-start:auto}
body.az-journey-active #imp-cluster #az-save-status{font-size:13px!important;max-width:230px;white-space:normal;text-align:start}
body.az-journey-active #imp-cluster #az-save-status[data-error="true"]{color:#A01C37!important;border-color:#A01C37!important}
body.az-journey-active .az-identity{display:flex;gap:10px;align-items:center;min-width:0;margin-inline-end:auto}
body.az-journey-active #az-product-name{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
body.az-journey-active #az-share svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.az-journey-active :is(#site-header,.preview-header,#vp-history,#imp-back-btn,#imp-cart-btn,#atcbtn,#mb-btn,#share-cs-btn,#imp-bag-chat,#imp-bag-share,#imp-bag-language,#imp-bag-done,#imp-bag-undo,#imp-bag-saved,#imp-bag-simple-help,#imp-cl-wa,#imp-cl-share,#imp-cl-save,#price-summary-block,#review-summary,#bag-qty-grid,#admin-qty){display:none!important}
body.az-journey-active .cs:has(>#bag-qty-grid){display:none!important}
/* Explicit surface inventory: one tool pane, layers/context, templates, elements/text/background,
   uploads/library/editors, account, sharing and existing menu. Scope tokens to UI roots only. */
body.az-journey-active :is(.controls-panel,#imp-doorbar,#imp-layer-rail,#a2d-ctxbar,.a2dc-pop,#imp-ctxbar,#imp-cl-set,#dtpl-overlay,#dtpl-embed,#add-source-card,#as-embed,#imp-lib-card,#cutout-overlay .cutout-modal,#vect-overlay,#imp-auth-modal>div,.imp-share-card,#imp-bag-dialog,#imp-modal,#imp-cust-ov,#add-layer-overlay,#area-add,#sheet-prompt){--imp-bg:#F8F7FF;--imp-surface:#fff;--imp-surface-2:#F1EDFF;--imp-border:#DED9F1;--imp-fg:#14122B;--imp-fg-2:#514B68;--imp-fg-3:#655E79;--imp-accent:#0048FD;--imp-gold:#5701EF;--imp-font:ArtiziaStudioOutfit,ArtiziaStudioAlexandria,Arial,sans-serif;color:#14122B;font-family:ArtiziaStudioOutfit,ArtiziaStudioAlexandria,Arial,sans-serif}
body.az-journey-active [dir="rtl"]:is(.controls-panel,#imp-doorbar,#imp-layer-rail,#imp-cl-set,#dtpl-overlay,#dtpl-embed,#as-embed,#add-source-card,#imp-lib-card,#imp-auth-modal,.imp-share-card){--imp-font:ArtiziaStudioAlexandria,Arial,sans-serif;font-family:ArtiziaStudioAlexandria,Arial,sans-serif}
body.az-journey-active :is(.controls-panel,#imp-doorbar,#imp-layer-rail,#a2d-ctxbar,.a2dc-pop,#imp-cl-set,#dtpl-overlay,#dtpl-embed,#add-source-card,#as-embed,#imp-lib-card,#cutout-overlay,#vect-overlay,#imp-auth-modal,.imp-share-card,#imp-bag-dialog,#imp-modal,#imp-cust-ov,#add-layer-overlay,#area-add,#sheet-prompt) :is(button,[role="button"],input:not([type="checkbox"]):not([type="radio"]),select){min-height:44px!important}
body.az-journey-active :is(#imp-doorbar,#imp-layer-rail,#a2d-ctxbar,#imp-cl-set,#dtpl-overlay,#add-source-card,#imp-lib-card,#imp-auth-modal,.imp-share-card) button{min-width:44px!important}
body.az-journey-active :is(#imp-cluster,.controls-panel,#imp-doorbar,#imp-layer-rail,#a2d-ctxbar,.a2dc-pop,#imp-cl-set,#dtpl-overlay,#dtpl-embed,#add-source-card,#as-embed,#imp-lib-card,#cutout-overlay,#vect-overlay,#imp-auth-modal,.imp-share-card,#imp-bag-dialog,#imp-modal,#imp-cust-ov,#add-layer-overlay,#area-add,#sheet-prompt) :is(button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #0048FD!important;outline-offset:3px}
body.az-journey-active :is(#imp-cluster,.controls-panel,#imp-doorbar,#imp-layer-rail) button:disabled{opacity:.4!important;cursor:not-allowed!important}
body.az-journey-active :is(#imp-cluster,.controls-panel) [aria-busy="true"]{cursor:progress!important}
body.az-journey-active #imp-doorbar :is(.is-on,[aria-pressed="true"]),body.az-journey-active #imp-layer-rail :is(.sel,[aria-selected="true"]){background:#EDE7FF!important;color:#5701EF!important;border-color:#5701EF!important}
/* Settings must sit above the tool and layer rails so every menu action is clickable. */
body.az-journey-active #imp-cl-set{z-index:1200!important;top:calc(var(--az-header) + 8px)!important;max-height:calc(100dvh - var(--az-header) - 24px);overflow:auto;background:#fff;border:1px solid #DED9F1;border-radius:16px}
body.az-journey-active #imp-cl-set button{font-size:14px!important}
body.az-journey-active :is(#dtpl-embed,#as-embed,#add-source-card,#imp-lib-card,.imp-share-card){border-radius:16px!important;background:#fff!important}
body.az-journey-active #imp-auth-modal>div{background:#fff!important;border-color:#DED9F1!important}
body.az-journey-active :is(#dtpl-busy,#imp-full-loader,#mockup-loader){color:#5701EF}
body.az-journey-active :is(#dtpl-overlay,#imp-auth-modal,#imp-share-ov,#imp-lib-ov,#add-source-overlay){overscroll-behavior:contain}
body.az-journey-active :is(#three-canvas,#tag-mockup,#atlas2d,#dieline-view,.canvas-stage){direction:ltr}
.az-saving-cover{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:24px;background:var(--az-loading-background,#F8F7FF);color:#14122B;font:600 18px/1.6 ArtiziaStudioOutfit,ArtiziaStudioAlexandria,Arial,sans-serif}
.az-saving-cover[data-stage="navigation-error"]{align-content:center;gap:16px;text-align:center}
.az-saving-cover[data-stage="navigation-error"] a,.az-boot-error button{min-height:44px;padding:10px 20px;border:1px solid #0048FD;border-radius:12px;background:#0048FD;color:#fff;font:inherit;cursor:pointer}
.az-boot-error{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:#F8F7FF;color:#14122B;text-align:center;font:600 16px/1.6 ArtiziaStudioOutfit,ArtiziaStudioAlexandria,Arial,sans-serif}
html[data-artizia-studio][lang="ar"] .az-boot-error{font-family:ArtiziaStudioAlexandria,Arial,sans-serif;direction:rtl}
@media(min-width:1025px), (min-width:700px) and (orientation:landscape){
  body.az-journey-active #imp-doorbar{position:fixed!important;display:flex!important;flex-direction:column;justify-content:flex-start;inset:var(--az-header) auto 0 0!important;width:var(--az-rail)!important;height:auto!important;padding:16px 6px!important;gap:10px;box-sizing:border-box;background:#F8F7FF;border-inline-end:1px solid #DED9F1;z-index:100}
  body.az-journey-active #imp-doorbar button{width:100%!important;min-height:64px!important;font-size:12px!important}
  body.az-journey-active .preview-panel{position:fixed!important;top:var(--az-header)!important;left:var(--az-rail)!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important;padding:0!important;border:0!important}
  body.az-journey-active.imp-sheet-raised .preview-panel{left:calc(var(--az-rail) + var(--az-pane))!important}
  body.az-journey-active .controls-panel{position:fixed!important;top:var(--az-header)!important;left:var(--az-rail)!important;right:auto!important;bottom:0!important;width:var(--az-pane)!important;height:auto!important;max-height:calc(100dvh - var(--az-header))!important;box-sizing:border-box;border:0!important;border-inline-end:1px solid #DED9F1!important;border-radius:0!important;background:#fff!important;padding:16px!important;overflow-y:auto!important;transform:none!important}
  body.az-journey-active:not(.imp-sheet-raised) .controls-panel{display:none!important}
  body.az-journey-active #imp-layer-rail{top:12px!important;max-height:calc(100dvh - var(--az-header) - 32px)!important}
  body.az-journey-active:has(#imp-cluster[dir="rtl"]) #imp-doorbar{left:auto!important;right:0!important}
  body.az-journey-active:has(#imp-cluster[dir="rtl"]) .controls-panel{left:auto!important;right:var(--az-rail)!important}
  body.az-journey-active:has(#imp-cluster[dir="rtl"]) .preview-panel{left:0!important;right:var(--az-rail)!important}
  body.az-journey-active.imp-sheet-raised:has(#imp-cluster[dir="rtl"]) .preview-panel{right:calc(var(--az-rail) + var(--az-pane))!important}
}

@media(max-width:699px), (max-width:1024px) and (orientation:portrait){
  body.az-journey-active{--az-active-sheet:0px}
  body.az-journey-active.imp-sheet-raised{--az-active-sheet:var(--az-sheet-height,0px)}
  body.az-journey-active #imp-cluster{display:grid!important;grid-template-columns:minmax(0,1fr) repeat(3,44px);padding:8px!important;gap:6px!important}
  body.az-journey-active .az-identity{grid-area:1/1;max-width:100%;margin:0}
  body.az-journey-active #imp-cl-gear{grid-area:1/2}
  body.az-journey-active #imp-cl-undo{grid-area:1/3}
  body.az-journey-active #imp-cl-redo{grid-area:1/4}
  body.az-journey-active #az-save-status{grid-area:2/1/3/3}
  body.az-journey-active #az-share{grid-area:2/3/3/5}
  body.az-journey-active #imp-cluster button{font-size:14px!important;padding:8px 10px!important}
  body.az-journey-active #az-product-name{max-width:120px;font-size:14px}
  body.az-journey-active #imp-cluster #az-save-status{flex:1;max-width:none;font-size:13px!important}
  body.az-journey-active #imp-cluster #az-continue{position:fixed!important;inset:auto 0 0!important;border-radius:0!important;width:100%!important;min-height:calc(56px + env(safe-area-inset-bottom))!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;z-index:901}
  body.az-journey-active #imp-doorbar{position:fixed!important;display:flex!important;inset:auto 0 calc(56px + env(safe-area-inset-bottom))!important;width:100%!important;height:76px!important;box-sizing:border-box;padding:6px!important;justify-content:space-around;gap:4px;background:#F8F7FF;border-top:1px solid #DED9F1}
  body.az-journey-active #imp-doorbar button{flex:1;min-width:44px!important;min-height:60px!important;font-size:12px!important}
  body.az-journey-active .preview-panel{position:fixed!important;top:var(--az-header)!important;left:0!important;right:0!important;bottom:calc(132px + env(safe-area-inset-bottom) + var(--az-active-sheet))!important;width:auto!important;height:auto!important;padding:0!important}
  body.az-journey-active.in-preview #tag-mockup{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%);width:min(100vw,calc(100dvh - var(--az-header) - 132px - env(safe-area-inset-bottom) - var(--az-active-sheet)))!important;height:auto!important;max-width:100%!important}
  body.az-journey-active .controls-panel{position:fixed!important;top:auto!important;left:0!important;right:0!important;bottom:calc(132px + env(safe-area-inset-bottom))!important;width:auto!important;height:auto!important;max-height:min(50dvh,calc(100dvh - var(--az-header) - 280px),var(--az-keyboard-height,50dvh))!important;box-sizing:border-box;padding:12px 16px max(20px,env(safe-area-inset-bottom))!important;border:1px solid #DED9F1!important;border-radius:20px 20px 0 0!important;background:#fff!important;overflow-y:auto!important;overscroll-behavior:contain;transform:none!important;scroll-padding-block:60px}
  body.az-journey-active:not(.imp-sheet-raised) .controls-panel{display:none!important}
  body.az-journey-active :is(#dtpl-embed,#as-embed,#add-source-card,#imp-lib-card,.imp-share-card) :is(button,input,textarea,select){font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){body.az-journey-active :is(#imp-cluster,#imp-doorbar,.controls-panel,#imp-layer-rail) button{transition:none!important}}
/* The active shared pane wins over legacy guide-step visibility rules. */
html[data-artizia-studio] body.az-journey-active.imp-sheet-raised .controls-panel{display:block!important}

html[data-artizia-studio] body.az-journey-active.imp-sheet-raised #sheet-topbar{display:flex!important;position:sticky!important;top:0!important;min-height:56px!important;height:auto!important;padding:6px 0!important;align-items:center;gap:8px;background:#fff!important;z-index:40;transform:none!important}
html[data-artizia-studio] body.az-journey-active #sheet-topbar #imp-sheet-editor-title{display:block!important;flex:1;font:600 16px/1.5 var(--imp-font,Arial,sans-serif)}
html[data-artizia-studio] body.az-journey-active #sheet-topbar #imp-bag-sheet-actions{position:static!important;display:flex!important;width:auto!important;margin-inline-start:auto}
body.az-journey-active #sheet-handle{display:none!important}
body.az-journey-active :is(#as-embed,#dtpl-embed){margin:12px 0!important}
body.az-journey-active :is(#imp-modal,#imp-cust-ov,#add-layer-overlay,#area-add,#sheet-prompt){font-family:var(--imp-font,ArtiziaStudioOutfit,ArtiziaStudioAlexandria,Arial,sans-serif)}

body.az-journey-active .controls-panel :is([role="tab"][aria-selected="true"],[role="checkbox"][aria-checked="true"]){background:#EDE7FF!important;color:#5701EF!important;border-color:#5701EF!important}

body.az-journey-active #imp-auth-modal>div{padding:24px!important;border-radius:20px!important;font-size:16px;line-height:1.5}
body.az-journey-active #imp-auth-modal .az-auth-title{font-size:22px!important;line-height:1.3!important}
body.az-journey-active #imp-auth-modal .az-auth-description{font-size:15px!important;line-height:1.6!important;margin-block:12px 20px!important}
body.az-journey-active #imp-auth-modal .az-auth-benefits span{font-size:14px!important}
body.az-journey-active #imp-auth-modal :is(button,input){font-size:16px!important;min-height:48px!important}
body.az-journey-active #imp-auth-modal button[type="submit"]{background:#0048FD!important;color:white!important}
body.az-journey-active #imp-auth-modal>div>button{font-size:14px!important}
/* The image editor replaces the active tool sheet; it never covers the entire mobile preview. */
body.az-journey-active:has(#cutout-overlay.open) .controls-panel{visibility:hidden!important}
body.az-journey-active #cutout-overlay.open{background:transparent!important}
body.az-journey-active #cutout-overlay .cutout-panel{background:#fff!important;border:1px solid #DED9F1!important;box-sizing:border-box;font-family:ArtiziaStudioOutfit,ArtiziaStudioAlexandria,Arial,sans-serif;overflow:auto!important;overscroll-behavior:contain}
body.az-journey-active #cutout-overlay :is(.cut-toggle.on,[aria-checked="true"]){border-color:#5701EF!important;background:#EDE7FF!important;color:#5701EF!important}
@media(max-width:699px), (max-width:1024px) and (orientation:portrait){
 body.az-journey-active #cutout-overlay.open{inset:auto 0 calc(132px + env(safe-area-inset-bottom))!important;height:auto!important;max-height:min(50dvh,calc(100dvh - var(--az-header) - 280px))!important;border-radius:20px 20px 0 0!important;overflow:auto!important}
 body.az-journey-active #cutout-overlay .cutout-panel{height:auto!important;min-height:0!important;max-height:min(50dvh,calc(100dvh - var(--az-header) - 280px))!important;border-radius:20px 20px 0 0!important}
 body.az-journey-active #cutout-overlay .cutout-drag{display:none!important}
}
@media(min-width:1025px), (min-width:700px) and (orientation:landscape){
 body.az-journey-active #cutout-overlay.open{inset:var(--az-header) auto 0 var(--az-rail)!important;width:var(--az-pane)!important;height:auto!important;max-height:calc(100dvh - var(--az-header))!important}
 body.az-journey-active #cutout-overlay .cutout-panel{width:100%!important;height:100%!important;min-height:0!important;border-radius:0!important}
 /* The image editor now occupies the viewport in both languages. The old RTL
    rail offset overrode its fullscreen inset and clipped the left controls. */
}

/* Startup uses the same Artizia surfaces before the product-specific shell is ready. */
html[data-artizia-studio] #imp-full-loader{background:var(--az-loading-background,#F8F7FF)!important;color:#14122B!important}
html[data-artizia-studio] #imp-full-loader .dtpl-magic{display:none!important}
html[data-artizia-studio] #imp-full-loader .imp-boot-fill{background:#0048FD!important}
html[data-artizia-studio] #imp-full-loader .imp-boot-bar{background:#DED9F1!important}
html[data-artizia-studio] #imp-full-loader .cfg-loader-text{font-family:ArtiziaStudioOutfit,ArtiziaStudioAlexandria,Arial,sans-serif!important;color:#514B68!important}
html[data-artizia-studio][lang="ar"] #imp-full-loader .cfg-loader-text{font-family:ArtiziaStudioAlexandria,Arial,sans-serif!important}
/* Legacy solo/template modes must not hide the persistent customer toolbar. */
html[data-artizia-studio] body.az-journey-active #imp-cluster{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
html[data-artizia-studio] body.az-journey-active :is(.controls-panel,#imp-auth-modal,.imp-share-card) :is(p,span:not(.opt-fontmark),label,button,input,textarea,select){font-family:ArtiziaStudioOutfit,ArtiziaStudioAlexandria,Arial,sans-serif!important}
html[data-artizia-studio] body.az-journey-active [dir="rtl"]:is(.controls-panel,#imp-auth-modal,.imp-share-card) :is(p,span:not(.opt-fontmark),label,button,input,textarea,select){font-family:ArtiziaStudioAlexandria,Arial,sans-serif!important}
html[data-artizia-studio] body.az-journey-active #dtpl-embed>div:first-child{font-size:14px!important;line-height:1.7!important;font-family:var(--imp-font)!important}
html[data-artizia-studio] body.az-journey-active.imp-sheet-raised.imp-sheet-solo #imp-cluster{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
html[data-artizia-studio] body.az-journey-active[data-az-lang="ar"] :is(.controls-panel,#dtpl-embed,#as-embed,#imp-auth-modal,.imp-share-card){--imp-font:ArtiziaStudioAlexandria,Arial,sans-serif;direction:rtl;font-family:ArtiziaStudioAlexandria,Arial,sans-serif!important}
html[data-artizia-studio] body.az-journey-active[data-az-lang="ar"] :is(.controls-panel,#dtpl-embed,#as-embed,#imp-auth-modal,.imp-share-card) :is(div,h2,p,span:not(.opt-fontmark),label,button,input,textarea,select){font-family:ArtiziaStudioAlexandria,Arial,sans-serif!important}
html[data-artizia-studio] body.az-journey-active #imp-doorbar button{appearance:none;border:1px solid transparent;border-radius:12px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 4px;font-family:var(--imp-font)!important}
html[data-artizia-studio] body.az-journey-active #imp-doorbar button svg{width:24px!important;height:24px!important;flex-shrink:0}
@media(min-width:1025px), (min-width:700px) and (orientation:landscape){
 html[data-artizia-studio] body.az-journey-active #imp-layer-rail{position:fixed!important;top:calc(var(--az-header) + 16px)!important;right:16px!important;left:auto!important;bottom:auto!important;transform:none!important;max-height:calc(100dvh - var(--az-header) - 32px)!important;overflow:visible!important}
 html[data-artizia-studio] body.az-journey-active:has(#imp-cluster[dir="rtl"]) #imp-layer-rail{right:calc(var(--az-rail) + 16px)!important;left:auto!important}
 html[data-artizia-studio] body.az-journey-active.imp-sheet-raised:has(#imp-cluster[dir="rtl"]) #imp-layer-rail{right:calc(var(--az-rail) + var(--az-pane) + 16px)!important}
}

/* The legacy sheet reserves snap-rung space even when the active picker is short.
   Customer shell uses content height; scrolling belongs to the pane, not nested cards. */
html[data-artizia-studio] body.az-journey-active .controls-panel{min-height:0!important;justify-content:flex-start!important;align-content:start!important}
html[data-artizia-studio] body.az-journey-active :is(#as-embed,#dtpl-embed,#add-source-card,#as-bg,#as-bg-tabbody){min-height:0!important;height:auto!important;flex:0 0 auto!important}
html[data-artizia-studio] body.az-journey-active #as-embed #add-source-card{max-height:none!important;overflow:visible!important;transform:none!important;inset:auto!important}
html[data-artizia-studio] body.az-journey-active .controls-panel :is(.bg-toptabs,.lyr-sectabs){flex-shrink:0;max-width:100%;overflow-x:auto}
html[data-artizia-studio] body.az-journey-active :is(.controls-panel,#imp-doorbar,#imp-layer-rail){--imp-accent:#0048FD;--imp-gold:#5701EF}
html[data-artizia-studio] body.az-journey-active :is(.controls-panel,#imp-layer-rail) :is(.tabpill,.rail-pill){background:#5701EF!important}
html[data-artizia-studio] body.az-journey-active .controls-panel .bg-toptab.on{border-color:#5701EF!important;color:#5701EF!important;background:#EDE7FF!important}
/* Circular option cells include their label/value below the swatch. Paint only the
   existing .opt-sw selection ring; filling the whole button leaves a square behind it. */
html[data-artizia-studio] body.az-journey-active .controls-panel button.opt-cell.on{color:#5701EF!important;background:transparent!important;border-color:transparent!important}
html[data-artizia-studio] body.az-journey-active .controls-panel .bg-toptabs.has-travel .bg-toptab.on{color:#fff!important;background:transparent!important}
html[data-artizia-studio] body.az-journey-active #imp-layer-rail{max-width:calc(100vw - 32px);isolation:isolate}
html[data-artizia-studio] body.az-journey-active #imp-layer-rail [data-en]{overflow-wrap:anywhere}
@media(max-width:699px), (max-width:1024px) and (orientation:portrait){
 html[data-artizia-studio] body.az-journey-active .controls-panel{min-height:0!important;padding-bottom:12px!important}
 html[data-artizia-studio] body.az-journey-active #imp-layer-rail{position:fixed!important;top:calc(var(--az-header) + 8px)!important;bottom:auto!important;right:8px!important;left:auto!important;transform:none!important;max-height:calc(100dvh - var(--az-header) - 148px - var(--az-active-sheet))!important}
 html[data-artizia-studio] body.az-journey-active #imp-cl-set{max-width:calc(100vw - 16px)!important;inset-inline-end:8px!important}
}
@media(max-width:500px){
 html[data-artizia-studio] body.az-journey-active #imp-cluster{grid-template-columns:minmax(0,1fr) repeat(3,44px)}
 html[data-artizia-studio] body.az-journey-active .az-identity{gap:4px}
 html[data-artizia-studio] body.az-journey-active #az-product-name{max-width:clamp(54px,calc(100vw - 220px),150px);font-size:12px}
 html[data-artizia-studio] body.az-journey-active #imp-cluster #az-back{padding-inline:8px!important}
 html[data-artizia-studio] body.az-journey-active #imp-doorbar button{min-width:0!important;font-size:11px!important;overflow-wrap:anywhere}
}
@media(min-width:1025px), (min-width:700px) and (orientation:landscape){
 html[data-artizia-studio] body.az-journey-active .preview-panel{display:block!important}
 html[data-artizia-studio] body.az-journey-active.in-preview #tag-mockup{position:absolute!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%);width:min(100%,1200px,calc(100dvh - var(--az-header)))!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain}
 html[data-artizia-studio] body.az-journey-active #imp-layer-rail{max-width:240px}
}
@media(min-width:1920px){
 html[data-artizia-studio] body.az-journey-active{--az-pane:360px;--az-rail:88px}
 html[data-artizia-studio] body.az-journey-active #imp-cluster{padding-inline:24px}
}
html[data-artizia-studio] body.az-journey-active :is(.controls-panel,#imp-doorbar,#imp-layer-rail){--imp-accent-weak:#EDE7FF;--imp-accent-ink:#5701EF}
/* The paint-all badge is a nested circular control. Its old 30px width and the
   shared 44px touch-target height produced an oval after selecting a color. */
html[data-artizia-studio] body.az-journey-active .controls-panel .bg-paint-badge{box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;aspect-ratio:1;border-radius:50%!important;padding:0!important;flex:none}
html[data-artizia-studio] body.az-journey-active #imp-doorbar .imp-dbtn.is-on .imp-dbtn-ic{color:#5701EF!important}
html[data-artizia-studio] body.az-journey-active #imp-layer-rail .ilr-lobe-pill{background:#EDE7FF!important}
/* Preview view controls share the interface palette; product pixels remain unchanged. */
html[data-artizia-studio] body.az-journey-active .mk-dots{--imp-gold:#5701EF;--imp-accent:#0048FD}
html[data-artizia-studio] body.az-journey-active .mk-ring{border-color:#5701EF!important}
@media(min-width:1025px), (min-width:700px) and (orientation:landscape){
 html[data-artizia-studio] body.az-journey-active .preview-panel>.canvas-stage{width:100%!important;height:100%!important;min-width:0!important}
 html[data-artizia-studio] body.az-journey-active .controls-panel .add-layer-wrap,
 html[data-artizia-studio] body.az-journey-active #bag-artwork-section>.cl{display:none!important}
 html[data-artizia-studio] body.az-journey-active .controls-panel .layer-head{display:grid!important;grid-template-columns:20px 36px minmax(0,1fr);gap:8px!important}
 html[data-artizia-studio] body.az-journey-active .controls-panel .layer-name{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere}
 html[data-artizia-studio] body.az-journey-active .controls-panel .layer-acts{grid-column:1/-1;display:flex;justify-content:flex-end;gap:4px}
}
html[data-artizia-studio] body.az-journey-active .controls-panel .layer-row{--imp-accent:#0048FD!important;--imp-accent-weak:#EDE7FF!important;--imp-accent-ink:#5701EF!important}

/* Legacy sheet children were absolutely positioned below their sticky parent,
   allowing scrolled catalog cards to overlap the title and close control. */
html[data-artizia-studio] body.az-journey-active.imp-sheet-raised #sheet-topbar{margin-inline:-16px!important;padding:6px 16px!important;top:-12px!important;box-sizing:border-box;isolation:isolate}
html[data-artizia-studio] body.az-journey-active #sheet-topbar #imp-sheet-editor-title{position:static!important;inset:auto!important;min-height:0!important;height:auto!important;margin:0!important;transform:none!important}
html[data-artizia-studio] body.az-journey-active #sheet-topbar #imp-sheet-done{position:static!important;inset:auto!important;flex:0 0 44px;margin-inline-start:auto!important;transform:none!important}
@media(min-width:1025px), (min-width:700px) and (orientation:landscape){html[data-artizia-studio] body.az-journey-active.imp-sheet-raised #sheet-topbar{top:-16px!important}}
@media(max-width:360px){html[data-artizia-studio] body.az-journey-active #imp-doorbar button{font-size:10px!important;white-space:nowrap;overflow-wrap:normal}}
/* Mirror the stagger with RTL flow; a positive offset pushed the first lower
   swatch outside the right edge and clipped its selected ring. */
html[data-artizia-studio] body.az-journey-active[data-az-lang="ar"] .controls-panel .bg-sw-row > :nth-child(even){transform:translateX(-50%)!important}

/* One loader language for initial opens and template replacements. */
html[data-artizia-studio] #dtpl-busy{background:var(--az-loading-background,#F8F7FF)!important;color:#14122B!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-artizia-studio] #dtpl-busy .dtpl-magic{display:none!important}
html[data-artizia-studio] #dtpl-busy .imp-boot-fill{background:#0048FD!important}
html[data-artizia-studio] #dtpl-busy .imp-boot-bar{background:#DED9F1!important}
html[data-artizia-studio] #dtpl-busy :is(.cfg-loader-text,.imp-boot-pct){font-family:ArtiziaStudioOutfit,ArtiziaStudioAlexandria,Arial,sans-serif!important;color:#514B68!important}
html[data-artizia-studio][lang="ar"] #dtpl-busy :is(.cfg-loader-text,.imp-boot-pct){font-family:ArtiziaStudioAlexandria,Arial,sans-serif!important}
/* The compound silhouette owns paint; the scrolling panel is transparent. */
html[data-artizia-studio] body.az-journey-active #imp-layer-rail .ilr-panel{background:transparent!important;border:0!important;border-radius:28px!important;box-shadow:none!important}
html[data-artizia-studio] body.az-journey-active #imp-layer-rail .az-delete-all{display:flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:calc(100% - 12px);min-height:44px;margin:6px;padding:8px 6px;border:1px solid #DED9F1;border-radius:16px;background:#F1EDFF;color:#5701EF;font:600 11px/1.5 var(--imp-font);white-space:normal;cursor:pointer}
html[data-artizia-studio] body.az-journey-active #imp-layer-rail .az-delete-all:disabled{opacity:.4;cursor:default}
html[data-artizia-studio] #pv-selbox button[data-h]{background:#fff!important;box-shadow:0 3px 12px #14122B26!important;border-color:#0048FD!important;color:#0048FD!important}
html[data-artizia-studio] #pv-selbox button[data-h="delete"]{border-color:#5701EF!important;color:#5701EF!important}
html[data-artizia-studio] #pv-selbox :is(polygon,line){stroke:#0048FD!important}
html[data-artizia-studio] .az-recent-fills{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:10px;padding:8px 2px}
html[data-artizia-studio] .az-recent-fill{display:grid;place-items:center;min-width:44px;min-height:52px;padding:3px;border:1px solid #DED9F1;border-radius:16px;background:#fff;cursor:pointer}
html[data-artizia-studio] .az-recent-fill>span{width:44px;height:44px;border-radius:50%;border:1px solid #14122B20;box-sizing:border-box}

html[data-artizia-studio][lang="ar"] .az-saving-cover{font-family:ArtiziaStudioAlexandria,Arial,sans-serif;direction:rtl}
html[data-artizia-studio] #az-draft-restore button{min-width:44px;min-height:44px;padding:10px 20px;border:1px solid #0048FD;border-radius:12px;background:#0048FD;color:#fff;font:inherit;cursor:pointer}
html[data-artizia-studio] #az-draft-restore button:focus-visible{outline:3px solid #5701EF;outline-offset:4px}

/* Image upload controls inherit the same accent as the Studio, including the
   circular Crop selection ring (the real host is cutout-panel, not cutout-modal). */
html[data-artizia-studio] body.az-journey-active #cutout-overlay{--imp-accent:#0048FD;--imp-gold:#5701EF;--imp-accent-weak:rgba(0,72,253,.18)}
html[data-artizia-studio] body.az-journey-active #cutout-overlay .opt-cell.on{background:transparent!important;color:#5701EF!important}
html[data-artizia-studio] body.az-journey-active #cutout-overlay .opt-cell.on .opt-sw{border-color:#0048FD!important;box-shadow:0 0 0 2px #0048FD!important}

/* Selection furniture shares one visual size while the renderer retains its
   existing 44/56px pointer targets, centres and drag geometry. */
html[data-artizia-studio] body #pv-selbox button[data-h]{background:transparent!important;border:0!important;box-shadow:none!important;isolation:isolate}
html[data-artizia-studio] body #pv-selbox button[data-h]::before{content:"";position:absolute;inset:0;margin:auto;width:30px;height:30px;box-sizing:border-box;border:1.5px solid currentColor;border-radius:50%;background:#fff;box-shadow:0 2px 8px #14122B20;z-index:-1;pointer-events:none}
html[data-artizia-studio] body #pv-selbox button[data-h]>svg{width:16px!important;height:16px!important}
html[data-artizia-studio] body #pv-selbox button[data-h="delete"]{font-size:18px!important;line-height:1!important}
html[data-artizia-studio] body #pv-selbox button[data-h]:focus-visible{outline:none!important}
html[data-artizia-studio] body #pv-selbox button[data-h]:focus-visible::before{outline:2px solid #5701EF;outline-offset:3px}
html[data-artizia-studio] body #pv-selbox>svg :is(polygon,line){stroke-width:1.5!important}
/* A circular/pill option owns its focus ring; outlining its labelled button
   creates the legacy rectangle seen behind gradient swatches. */
html[data-artizia-studio] body:is(.az-journey-active,.az-designer-active) :is(.controls-panel,#as-embed,#dtpl-embed,#cutout-overlay) button.opt-cell:focus-visible{outline:none!important}
html[data-artizia-studio] body:is(.az-journey-active,.az-designer-active) :is(.controls-panel,#as-embed,#dtpl-embed,#cutout-overlay) button.opt-cell:focus-visible .opt-sw{outline:2px solid #5701EF!important;outline-offset:4px!important}
html[data-artizia-studio] body:is(.az-journey-active,.az-designer-active) :is([id^="bgi-gedit-"],#lg-win) button.opt-cell.on .opt-sw{border-color:#0048FD!important;box-shadow:0 0 0 2px #0048FD!important}
/* Gradient type is a two-choice row, not a staggered colour catalogue. */
html[data-artizia-studio] body :is([id^="bgi-gedit-"],#lg-card)>.opt-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:center!important;gap:16px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-inline:0!important;padding:8px!important;overflow:visible!important}
html[data-artizia-studio] body :is([id^="bgi-gedit-"],#lg-card)>.opt-row>.opt-cell{transform:none!important;translate:none!important;flex:0 0 auto!important;min-width:44px!important;min-height:44px!important;margin:0!important}
/* Customer thumbnails follow the measured content-sized sheet, rather than the
   legacy snap-rung/photo fit's cached top. This moves chrome only, not canvas. */
@media(max-width:699px), (max-width:1024px) and (orientation:portrait){
 html[data-artizia-studio] body.az-journey-active:not(.imp-designer) #mk-dots{position:fixed!important;top:auto!important;bottom:calc(132px + env(safe-area-inset-bottom) + var(--az-active-sheet,0px) + 8px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;max-width:calc(100vw - 16px)!important;transition:none!important}
}

/* The unchanged ink preview can be white. A fine neutral edge keeps None's
   sample legible on the pale UI without changing the actual artwork colour. */
html[data-artizia-studio] [data-finish="none"] .tw-mark{-webkit-text-stroke:.45px #514B68;text-shadow:0 1px 1px #fff!important}

/* Every role keeps both explicit transaction actions at every breakpoint. */
html[data-artizia-studio] body:is(.az-journey-active,.az-designer-active) #sheet-topbar.sheet-topbar>#imp-bag-sheet-actions.imp-bag-header-actions>button:not(.imp-bag-read){display:inline-flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;min-width:44px!important;min-height:44px!important}
html[data-artizia-studio] body.az-journey-active:not(.imp-designer) .controls-panel .layer-row.expanded>.layer-head{display:none!important}
@media(min-width:1025px), (min-width:700px) and (orientation:landscape){
 html[data-artizia-studio] body.az-journey-active:not(.imp-designer) .controls-panel #sheet-topbar.sheet-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px!important;min-height:56px!important;height:56px!important;margin-inline:-16px!important;padding:6px 12px!important;top:-16px!important}
 html[data-artizia-studio] body.az-journey-active:not(.imp-designer) .controls-panel #sheet-topbar.sheet-topbar>#imp-bag-sheet-actions.imp-bag-header-actions{grid-column:2!important;grid-row:1!important;position:static!important;inset:auto!important;width:auto!important;margin:0!important;padding:0!important;gap:4px!important}
 html[data-artizia-studio] body.az-journey-active:not(.imp-designer) .controls-panel #sheet-topbar>#imp-bag-sheet-actions button{flex:none!important;min-width:60px!important;min-height:44px!important;padding:6px 8px!important;font-size:12px!important;white-space:nowrap!important}
 html[data-artizia-studio] body.az-journey-active:not(.imp-designer) .controls-panel #sheet-topbar #imp-sheet-editor-title{grid-column:1!important;grid-row:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:15px!important}
 html[data-artizia-studio] body.az-journey-active:not(.imp-designer) .controls-panel #sheet-topbar>.az-sheet-expand{display:none!important}
}
/* Short landscape and zoom keep every side-rail tool reachable without
   shrinking its pointer target to fit the available height. */
@media(min-width:1025px), (min-width:700px) and (orientation:landscape){
 html[data-artizia-studio] body.az-journey-active #imp-doorbar{min-height:0!important;max-height:calc(100dvh - var(--az-header))!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scroll-padding-block:8px}
 html[data-artizia-studio] body.az-journey-active #imp-doorbar>button{flex:0 0 auto!important;min-width:44px!important;min-height:64px!important}
}
/* The tool pane already owns the editor surface; its expanded layer wrapper
   does not need a second selected-card seam. Rail selection stays unchanged. */
html[data-artizia-studio] body.az-journey-active:not(.imp-designer):is(.imp-editor-open,.imp-sheet-solo) .controls-panel .layer-row.expanded{border:0!important;background:transparent!important;box-shadow:none!important}

html[data-artizia-studio] #cpicker-popup{box-sizing:border-box;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;color:#14122B;background:#fff}
html[data-artizia-studio] #cpicker-actions{position:sticky;top:-16px;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:8px 0;margin-top:-8px;background:#fff}
html[data-artizia-studio] #cpicker-actions>button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #DED9F1;border-radius:12px;background:#F8F7FF;color:#14122B;font:600 14px/1.4 ArtiziaStudioOutfit,ArtiziaStudioAlexandria,Arial,sans-serif}
html[data-artizia-studio] #cpicker-actions>#cpicker-apply{background:#0048FD;border-color:#0048FD;color:#fff}
html[data-artizia-studio][lang="ar"] #cpicker-popup{direction:rtl;font-family:ArtiziaStudioAlexandria,Arial,sans-serif}
html[data-artizia-studio][lang="ar"] #cpicker-actions>button{font-family:ArtiziaStudioAlexandria,Arial,sans-serif}
html[data-artizia-studio] #cpicker-hex-input{direction:ltr}
html[data-artizia-studio] #cpicker-actions>button:focus-visible{outline:2px solid #5701EF;outline-offset:3px}

/* Fit the displayed picker canvas to its content box; backing pixels remain unchanged. */
html[data-artizia-studio] #cpicker-canvas{width:100%;height:180px}
html[data-artizia-studio] .cpicker-bottom{min-height:44px;min-width:0}
html[data-artizia-studio] #cpicker-eye-btn{box-sizing:border-box;min-width:44px;width:44px;min-height:44px;height:44px;flex:0 0 44px}
html[data-artizia-studio] #cpicker-hex-input{box-sizing:border-box;min-width:0;min-height:44px;flex:1 1 0}

html[data-artizia-studio] #cpicker-canvas-wrap{width:100%;min-width:0}

/* One contained status, including its recovery actions, during cart preparation. */
.az-checkout-preparation .az-preparation-card{box-sizing:border-box;width:min(100%,460px);padding:clamp(24px,5vw,36px);border:1px solid var(--imp-border,#DFDCEA);border-radius:24px;background:var(--imp-surface,#fff);box-shadow:0 16px 60px #14122B12;text-align:center}
.az-preparation-card h2{margin:0 0 12px;font-weight:700;font-size:24px;line-height:1.35;font-family:inherit;color:var(--imp-fg,#14122B)}
.az-preparation-card p{margin:0;font-size:15px;line-height:1.75;color:var(--imp-fg-2,#514C63)}
.az-preparation-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
.az-preparation-actions button,.az-preparation-actions a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid var(--imp-border,#DFDCEA);border-radius:999px;font-weight:600;font-size:14px;line-height:1.5;font-family:inherit;text-decoration:none;cursor:pointer;color:var(--imp-fg,#14122B);background:var(--imp-surface,#fff)}
.az-preparation-actions button{background:var(--imp-fg,#14122B);color:var(--imp-surface,#fff)}
.az-preparation-actions :focus-visible{outline:3px solid var(--imp-accent,#4A3AFF);outline-offset:3px}
/* Designer bundle product switcher uses the same Artizia surfaces and focus language. */
body.imp-designer #imp-bundle-products{display:grid;gap:10px;margin-block:12px;padding:14px;border:1px solid var(--imp-border,#d9d5ed);border-radius:16px;background:var(--imp-surface,#fff);font-family:var(--imp-font,'Alexandria',sans-serif)}
body.imp-designer .imp-bundle-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scroll-padding-inline:8px}
body.imp-designer .imp-bundle-action{min-height:44px;padding:9px 14px;border:1px solid var(--imp-border,#d9d5ed);border-radius:12px;background:var(--imp-surface,#fff);color:var(--imp-fg,#16112b);font:600 13px/1.3 var(--imp-font,'Alexandria',sans-serif);cursor:pointer;white-space:nowrap}
body.imp-designer .imp-bundle-action.on{border-color:var(--imp-accent,#0b45ff);background:var(--imp-accent-soft,#eee9ff);color:var(--imp-accent,#0b45ff)}
body.imp-designer .imp-bundle-action:focus-visible{outline:3px solid var(--imp-accent,#0b45ff);outline-offset:2px}
body.imp-designer .imp-bundle-note{margin:0;color:var(--imp-fg-2,#615d72);font:400 12px/1.6 var(--imp-font,'Alexandria',sans-serif)}
body.imp-designer .imp-bundle-name{display:grid;gap:6px;min-width:0;font:600 12px/1.5 var(--imp-font,'Alexandria',sans-serif);color:var(--imp-fg)}
body.imp-designer .imp-bundle-name :is(input,select){width:100%;min-height:44px!important;box-sizing:border-box;padding:8px 12px;border:1px solid var(--imp-border);border-radius:12px;background:var(--imp-surface);color:var(--imp-fg);font:inherit;text-align:start}
body.imp-designer .imp-bundle-name :is(input,select):focus-visible{outline:2px solid var(--imp-accent);outline-offset:2px}

/* Secondary actions live in the shared menu; mobile canvas reclaims the old Buy footer. */
html[data-artizia-studio] body.imp-designer .az-designer-identity{display:none!important}
@media(max-width:699px),(max-width:1024px) and (orientation:portrait){
 html[data-artizia-studio] body.az-journey-active #imp-doorbar{bottom:env(safe-area-inset-bottom)!important}
 html[data-artizia-studio] body.az-journey-active .preview-panel{bottom:calc(76px + env(safe-area-inset-bottom) + var(--az-active-sheet))!important}
 html[data-artizia-studio] body.az-journey-active .controls-panel{bottom:calc(76px + env(safe-area-inset-bottom))!important}
}

/* Owner's six-control layout: one row in customer and designer Studio. */
html[data-artizia-studio] body.az-six-header #imp-cluster.az-six-controls{position:fixed!important;inset:0 0 auto!important;width:100%!important;height:72px!important;min-height:72px!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;padding:12px 16px!important;direction:ltr!important;background:#F8F7FF!important;border:0!important;border-radius:0!important;z-index:900!important;opacity:1!important;pointer-events:auto!important;font:600 14px/1.4 ArtiziaStudioOutfit,ArtiziaStudioAlexandria,Arial,sans-serif}
html[data-artizia-studio] body.az-six-header #imp-cluster.az-six-controls>button,
html[data-artizia-studio] body.az-six-header #imp-cluster.az-six-controls .az-header-modes>button,
html[data-artizia-studio] body.az-six-header #imp-cluster.az-six-controls summary{position:static!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;box-sizing:border-box!important;border:1px solid #E5E1F0!important;border-radius:50%!important;box-shadow:0 3px 10px #14122b0c!important;background:#fff!important;color:#14122B!important;visibility:visible!important;transform:none!important;translate:none!important;cursor:pointer;list-style:none}
html[data-artizia-studio] body.az-six-header #imp-cluster.az-six-controls>button:disabled{opacity:.36!important;cursor:default}
html[data-artizia-studio] body.az-six-header #imp-cluster.az-six-controls #az-continue{position:static!important;inset:auto!important;height:44px!important;min-height:44px!important;margin:0 0 0 auto!important;flex-basis:auto!important;width:auto!important;min-width:76px!important;padding:0 12px!important;gap:6px!important;border-radius:999px!important;background:#0048FD!important;border-color:#0048FD!important;color:#fff!important;font:inherit!important;white-space:nowrap}
html[data-artizia-studio] body.az-six-header #imp-cluster.az-six-controls .az-header-modes{display:flex!important;gap:0!important;flex:0 0 auto;border-radius:999px;background:#fff;box-shadow:0 3px 10px #14122b0c}
html[data-artizia-studio] body.az-six-header #imp-cluster.az-six-controls .az-header-modes>button{border:0!important;box-shadow:none!important;background:transparent!important}
html[data-artizia-studio] body.az-six-header #imp-cluster.az-six-controls .az-header-modes>button[aria-pressed=true]{background:#14122B!important;color:#fff!important}
html[data-artizia-studio] body.az-six-header #az-header-more{position:relative!important;flex:0 0 auto!important}
html[data-artizia-studio] body.az-six-header #az-header-more summary::-webkit-details-marker{display:none}
html[data-artizia-studio] body.az-six-header #az-header-menu{position:absolute!important;top:54px!important;left:0!important;right:auto!important;display:grid!important;gap:6px!important;width:248px!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 100px)!important;overflow-y:auto!important;box-sizing:border-box!important;padding:10px!important;background:#fff!important;border:1px solid #DED9F1!important;border-radius:18px!important;box-shadow:0 12px 32px #14122b20!important;z-index:1000!important}
html[data-artizia-studio] body.az-six-header #az-header-more:not([open]) #az-header-menu{display:none!important}
html[data-artizia-studio] body.az-six-header #imp-cluster #az-header-menu :is(button,a){position:static!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;min-width:0!important;min-height:44px!important;height:auto!important;padding:10px 12px!important;box-sizing:border-box!important;border:0!important;border-radius:10px!important;background:#F8F7FF!important;color:#14122B!important;font:500 14px/1.5 ArtiziaStudioOutfit,ArtiziaStudioAlexandria,Arial,sans-serif!important;text-align:start!important;box-shadow:none!important;text-decoration:none!important;cursor:pointer}
html[data-artizia-studio] body.az-six-header #imp-cluster #az-header-menu #az-studio-shortcuts{display:contents!important}
html[data-artizia-studio] body.az-six-header #imp-cluster #az-header-menu #az-save-status{display:flex!important;max-width:none!important}
/* Reparented actions must not retain their former header-grid coordinates. */
html[data-artizia-studio] body.az-six-header #imp-cluster #az-header-menu{grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important}
html[data-artizia-studio] body.az-six-header #imp-cluster #az-header-menu :is(button,a,#az-save-announcement){grid-area:auto!important;order:0!important;inset:auto!important;transform:none!important;translate:none!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere}
html[data-artizia-studio] body.az-six-header #az-save-status svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
html[data-artizia-studio] body.az-six-header #az-save-announcement{display:block;padding:6px 12px;color:#655E79;font-size:12px;line-height:1.5}
html[data-artizia-studio] body.az-six-header :is(#site-header,#mode-toggle,.preview-header,#pc-bundle-bar,#vp-history,#imp-back-btn,#imp-cart-btn,#imp-cl-gear,#imp-cl-set){display:none!important}
html[data-artizia-studio] body.az-six-header #imp-cluster :is(button,summary):focus-visible{outline:3px solid #5701EF!important;outline-offset:3px!important}
@media(max-width:699px),(max-width:1024px) and (orientation:portrait){
 html[data-artizia-studio] body.az-six-header #imp-cluster.az-six-controls{height:64px!important;min-height:64px!important;gap:4px!important;padding:10px 8px!important}
 html[data-artizia-studio] body.az-six-header #imp-cluster.az-six-controls #az-continue{min-width:64px!important;padding:0 8px!important;gap:4px!important;font-size:12px!important}
 html[data-artizia-studio] body.az-six-header #az-continue svg{width:20px;height:20px}
}

/* Three unchanged-size angles remain swipeable in legacy and bundle templates. */
html[data-artizia-studio] body.az-six-header #mk-dots-row{width:204px!important;max-width:204px!important;min-width:0!important;box-sizing:border-box!important;gap:8px!important;padding:4px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;touch-action:pan-x!important;direction:ltr!important;flex-direction:row!important}
html[data-artizia-studio] body.az-six-header #mk-dots-row .mk-thumb{width:60px!important;height:60px!important;min-width:60px!important;flex:0 0 60px!important;scroll-snap-align:center}