.uma-designer-launch{display:flex;align-items:center;gap:12px;margin:14px 0}.uma-designer-launch small{opacity:.75}
.uma-designer-modal{position:fixed;inset:0;z-index:999999;background:#111827;padding:0}
.uma-designer-shell{height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;background:#f4f5f7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827}
.uma-designer-topbar{height:56px;box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;gap:14px}
.uma-designer-brand{display:flex;align-items:center;gap:12px;min-width:0}.uma-designer-brand strong{font-size:15px;white-space:nowrap}.uma-designer-brand span{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uma-designer-brand span:nth-child(2){max-width:260px}
.uma-designer-top-actions{display:flex;gap:6px;align-items:center}.uma-designer-top-actions button,.uma-designer-footer button,.uma-context-toolbar button{border:0;background:#f3f4f6;color:#111827;border-radius:8px;padding:8px 10px;cursor:pointer;font-size:12px}.uma-designer-top-actions button:hover,.uma-context-toolbar button:hover{background:#e5e7eb}.uma-designer-top-actions #uma-zoom-label{font-size:11px;min-width:38px;text-align:center}
.uma-designer-main{display:grid;grid-template-columns:76px 286px minmax(0,1fr) 280px;min-height:0;flex:1}
.uma-designer-rail{background:#171a21;color:#fff;padding:10px 8px;display:flex;flex-direction:column;gap:5px}.uma-designer-rail button{border:0;background:transparent;color:#d1d5db;border-radius:9px;min-height:62px;padding:7px 4px;cursor:pointer;font-size:10px}.uma-designer-rail button b{display:block;font-size:21px;line-height:1.1;margin-bottom:5px}.uma-designer-rail button span{display:block}.uma-designer-rail button:hover,.uma-designer-rail button.is-active{background:#30343d;color:#fff}
.uma-designer-library{background:#fff;border-right:1px solid #e5e7eb;overflow:auto;padding:16px}.uma-library-panel{display:none}.uma-library-panel.is-active{display:block}.uma-library-head h3{font-size:18px;margin:0 0 10px}.uma-library-head p,.uma-library-help{font-size:12px;color:#6b7280;line-height:1.5}.uma-library-head input[type=search]{width:100%;height:38px;border:1px solid #d1d5db;border-radius:8px;padding:0 11px;box-sizing:border-box;margin-bottom:14px}
.uma-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.uma-template-card{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.uma-template-card strong{display:block;font-size:11px;font-weight:600;margin-top:6px}.uma-template-preview{aspect-ratio:1.55/1;display:block;border-radius:7px;border:1px solid #e5e7eb;position:relative;overflow:hidden;background:#fff}.uma-template-preview i{position:absolute;display:block}.uma-template-preview.clean i:nth-child(1){left:10%;top:22%;width:48%;height:8%;background:#111827}.uma-template-preview.clean i:nth-child(2){left:10%;top:39%;width:34%;height:4%;background:#9ca3af}.uma-template-preview.clean i:nth-child(3){left:10%;top:57%;width:18%;height:3%;background:#111827}.uma-template-preview.bold{background:#fff}.uma-template-preview.bold i:nth-child(1){left:0;top:0;width:38%;height:100%;background:#111827}.uma-template-preview.bold i:nth-child(2){right:8%;top:28%;width:43%;height:18%;background:#111827}.uma-template-preview.bold i:nth-child(3){right:12%;top:58%;width:35%;height:5%;background:#9ca3af}.uma-template-preview.minimal i:nth-child(1){left:29%;top:37%;width:42%;height:10%;background:#111827}.uma-template-preview.minimal i:nth-child(2){left:40%;top:61%;width:20%;height:2%;background:#9ca3af}.uma-template-preview.luxury{background:#111}.uma-template-preview.luxury i:nth-child(1){left:27%;top:35%;width:46%;height:10%;background:#fff}.uma-template-preview.luxury i:nth-child(2){left:39%;top:57%;width:22%;height:2%;background:#d1a85a}.uma-template-preview.luxury i:nth-child(3){left:33%;top:68%;width:34%;height:4%;background:#d1a85a}
.uma-element-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.uma-element-grid button{border:1px solid #e5e7eb;background:#fff;border-radius:9px;padding:16px 8px;cursor:pointer}.uma-element-grid button:hover{border-color:#8b5cf6;background:#faf8ff}.uma-element-grid b{display:block;font-size:24px}.uma-element-grid span{font-size:11px}.uma-wide-action{display:block;width:100%;border:0;border-radius:8px;background:#7c3aed;color:#fff;padding:11px 13px;margin:0 0 10px;cursor:pointer;font-weight:600}.uma-text-preset{display:block;width:100%;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px;margin-bottom:10px;cursor:pointer;color:#111827}.uma-text-preset.heading{font-size:25px;font-weight:700}.uma-text-preset.subheading{font-size:18px;font-weight:600}.uma-text-preset.body{font-size:13px}.uma-background-control{display:block;font-size:12px}.uma-background-control span{display:block;margin-bottom:7px}.uma-background-control input{width:100%;height:44px;border:1px solid #e5e7eb;border-radius:8px}.uma-brand-swatches{display:flex;gap:8px;margin-top:12px}.uma-brand-swatches button{width:34px;height:34px;border-radius:50%;border:1px solid #d1d5db;background:var(--swatch);cursor:pointer}
.uma-designer-workarea{min-width:0;min-height:0;display:flex;flex-direction:column;background:#eef0f3}.uma-context-toolbar{height:44px;box-sizing:border-box;padding:6px 12px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:5px}.uma-context-toolbar span{font-size:11px;color:#6b7280;margin-right:auto}.uma-context-toolbar button{padding:6px 8px}.uma-side-tabs{padding:8px 12px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:6px}.uma-side-tabs button{border:1px solid #d1d5db;background:#fff;border-radius:7px;padding:6px 13px;cursor:pointer}.uma-side-tabs button.is-active{background:#111827;color:#fff;border-color:#111827}.uma-stage-wrap{position:relative;flex:1;min-height:0;overflow:auto;display:grid;place-items:center;padding:54px;background:#eceef1}.uma-stage-wrap.is-dragover{outline:3px dashed #7c3aed;outline-offset:-14px;background:#f5f3ff}.uma-stage-wrap svg{background:#fff;box-shadow:0 12px 40px rgba(17,24,39,.18);touch-action:none;max-width:none}.uma-guide-legend{font-size:10px;padding:7px 12px;background:#fff;display:flex;gap:18px;color:#6b7280;border-top:1px solid #e5e7eb}
.uma-designer-inspector{background:#fff;border-left:1px solid #e5e7eb;padding:14px;overflow:auto}.uma-inspector-title{display:flex;align-items:center;justify-content:space-between}.uma-inspector-title h3{font-size:14px;margin:4px 0 12px}.uma-inspector-title button{border:0;background:transparent;color:#dc2626;cursor:pointer;font-size:11px}.uma-designer-inspector>div#uma-inspector-empty{font-size:12px;color:#6b7280;background:#f9fafb;border-radius:8px;padding:12px}.uma-designer-inspector label{display:block;margin:9px 0;font-size:11px;color:#4b5563}.uma-designer-inspector label span{display:block;margin-bottom:5px}.uma-designer-inspector input,.uma-designer-inspector textarea,.uma-designer-inspector select{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:7px;padding:7px;background:#fff}.uma-designer-inspector input[type=color]{height:38px;padding:3px}.uma-designer-inspector input[type=range]{padding:0}.uma-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.uma-align-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}.uma-align-grid button{font-size:10px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;padding:6px;cursor:pointer}
.uma-layer{display:flex;align-items:center;gap:5px;border:1px solid #e5e7eb;border-radius:7px;padding:7px;margin:6px 0;font-size:11px}.uma-layer.is-selected{outline:2px solid #7c3aed;border-color:transparent}.uma-layer span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uma-layer button{font-size:10px;padding:3px;border:0;background:#f3f4f6;border-radius:4px;cursor:pointer}.uma-empty-state{font-size:12px;color:#6b7280}
.uma-selected-outline{fill:none;stroke:#7c3aed;stroke-width:2;stroke-dasharray:4 3;pointer-events:none}.uma-resize-handle{fill:#fff;stroke:#7c3aed;stroke-width:2;cursor:nwse-resize}.uma-guide-trim{fill:none;stroke:#111;stroke-width:1;pointer-events:none}.uma-guide-safe{fill:none;stroke:#2563eb;stroke-width:1;stroke-dasharray:6 4;pointer-events:none}.uma-grid-line{stroke:#9ca3af;stroke-width:.35;opacity:.34;pointer-events:none}
.uma-source-badge{font-size:8px;background:#eef2ff;color:#4338ca;padding:2px 5px;border-radius:9px}.uma-adobe-status{padding:8px 10px;background:#f7f8fa;border:1px solid #dde2ea;border-radius:7px;font-size:10px;margin:8px 0}.uma-adobe-status strong{display:block;margin-bottom:3px}
.uma-designer-footer{height:52px;box-sizing:border-box;background:#fff;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;gap:12px}.uma-designer-footer .uma-footer-left{display:flex;align-items:center;gap:12px}.uma-designer-footer .uma-footer-left span{font-size:10px;color:#6b7280}.uma-designer-footer .button-primary{background:#7c3aed!important;color:#fff!important;border:0!important;padding:10px 18px!important}.uma-designer-footer button{border:1px solid #d1d5db;background:#fff}.uma-designer-toast{position:absolute;bottom:66px;left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:9px 13px;border-radius:8px;z-index:10;box-shadow:0 6px 20px rgba(0,0,0,.25)}
@media(max-width:1180px){.uma-designer-main{grid-template-columns:70px 240px minmax(0,1fr)}.uma-designer-inspector{position:absolute;right:0;top:56px;bottom:52px;width:260px;box-shadow:-12px 0 30px rgba(0,0,0,.08);z-index:8}.uma-designer-brand span:nth-child(2){display:none}}
@media(max-width:820px){.uma-designer-main{grid-template-columns:66px minmax(0,1fr)}.uma-designer-library{position:absolute;left:66px;top:56px;bottom:52px;width:260px;z-index:9;box-shadow:10px 0 30px rgba(0,0,0,.08)}.uma-designer-top-actions button:nth-of-type(3),.uma-designer-top-actions button:nth-of-type(4),.uma-designer-top-actions button:nth-of-type(5){display:none}.uma-context-toolbar button{display:none}.uma-designer-inspector{display:none}.uma-designer-footer .uma-footer-left span{display:none}}


/* v2.2.3: restore full Designer Pro layout, contained between the theme header and footer */
.uma-designer-page{display:block;width:100%;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box;clear:both}
.uma-designer-page .uma-designer-contained.uma-designer-modal{position:relative!important;inset:auto!important;z-index:1!important;width:100%!important;height:var(--uma-designer-page-height,760px)!important;min-height:620px!important;margin:0!important;padding:0!important;background:#111827!important;overflow:hidden!important}
.uma-designer-page .uma-designer-shell{position:relative!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}
.uma-designer-page .uma-designer-main{min-height:0;position:relative}
.uma-designer-page-message{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:20;background:#111827;color:#fff;border-radius:8px;padding:8px 12px;margin:0;max-width:min(90vw,720px)}
.uma-designer-page-message:empty{display:none}
.uma-designer-back{display:inline-flex;align-items:center;text-decoration:none;border:0;background:#f3f4f6;color:#111827;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600}
.uma-designer-back:hover{background:#e5e7eb;color:#111827}
.uma-designer-rail button svg{display:block;width:23px;height:23px;margin:0 auto 6px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.uma-designer-rail button svg rect,.uma-designer-rail button svg circle{fill:none}
.uma-upload-only-workspace{max-width:1120px;margin:32px auto 48px;padding:26px}
.uma-upload-only-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}
.uma-upload-review-action{margin-top:18px}
@media(max-width:820px){
 .uma-designer-page .uma-designer-contained.uma-designer-modal{min-height:680px!important;height:680px!important}
 .uma-upload-only-workspace{margin:18px 12px 30px}
 .uma-upload-only-head{flex-direction:column}
}

/* v2.2.5: Designer is delivered inside a real WordPress page so Uncode owns header/footer.
   Break the designer itself out to the viewport width without overlaying either theme region. */
body.page .uma-designer-page{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}

/* v2.2.6 — touch-first phone/tablet Designer Pro */
@media (max-width: 900px) {
  .uma-designer-page .uma-designer-contained.uma-designer-modal{
    min-height:520px!important;
    height:var(--uma-designer-page-height,720px)!important;
    overflow:hidden!important;
  }
  .uma-designer-shell{min-height:0!important}
  .uma-designer-topbar{
    height:auto;min-height:52px;padding:7px 8px;gap:7px;flex-wrap:nowrap;
  }
  .uma-designer-brand{gap:7px;max-width:42%}
  .uma-designer-brand strong{font-size:13px}
  .uma-designer-brand span:nth-child(2){display:none!important}
  .uma-designer-brand #uma-designer-dimensions{font-size:10px;max-width:140px}
  .uma-designer-top-actions{gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;max-width:58%;padding-bottom:1px}
  .uma-designer-top-actions::-webkit-scrollbar{display:none}
  .uma-designer-top-actions button,.uma-designer-back{min-width:40px;min-height:40px;padding:7px 9px;font-size:11px;flex:0 0 auto}
  .uma-designer-top-actions button:nth-of-type(3),
  .uma-designer-top-actions button:nth-of-type(4),
  .uma-designer-top-actions button:nth-of-type(5){display:none}

  .uma-designer-main{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,1fr) 70px!important;
    min-height:0!important;
  }
  .uma-designer-workarea{grid-column:1;grid-row:1;min-height:0;overflow:hidden}
  .uma-context-toolbar{height:40px;overflow-x:auto;scrollbar-width:none;padding:5px 8px}
  .uma-context-toolbar::-webkit-scrollbar{display:none}
  .uma-context-toolbar span{min-width:max-content}
  .uma-context-toolbar button{display:none!important}
  .uma-side-tabs{padding:6px 8px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .uma-side-tabs::-webkit-scrollbar{display:none}
  .uma-side-tabs button{min-height:38px;padding:7px 14px;flex:0 0 auto}
  .uma-stage-wrap{
    padding:22px 14px 28px!important;
    place-items:center;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
  .uma-stage-wrap svg{touch-action:none;max-width:none}
  .uma-guide-legend{display:none}

  .uma-designer-rail{
    grid-column:1;grid-row:2;
    position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    z-index:15;
    flex-direction:row!important;
    align-items:stretch;
    gap:2px;
    padding:5px 6px calc(5px + env(safe-area-inset-bottom));
    overflow-x:auto;
    scrollbar-width:none;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .uma-designer-rail::-webkit-scrollbar{display:none}
  .uma-designer-rail button{
    min-height:58px!important;min-width:64px;flex:1 0 64px;padding:5px 4px!important;border-radius:8px;
  }
  .uma-designer-rail button svg{width:21px;height:21px;margin-bottom:3px}
  .uma-designer-rail button span{font-size:9px}

  .uma-designer-library{
    display:none;
    position:absolute!important;
    left:0!important;right:0!important;top:auto!important;bottom:70px!important;
    width:auto!important;max-height:min(58%,430px)!important;
    z-index:30!important;
    border:0!important;border-top:1px solid #e5e7eb!important;
    border-radius:18px 18px 0 0;
    box-shadow:0 -12px 32px rgba(17,24,39,.18)!important;
    padding:14px 14px calc(16px + env(safe-area-inset-bottom))!important;
    overflow:auto!important;
  }
  .uma-designer-library.is-mobile-open{display:block!important}
  .uma-mobile-sheet-handle{display:block;width:42px;height:4px;border-radius:999px;background:#d1d5db;margin:0 auto 12px}
.uma-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .uma-element-grid button{min-height:72px}
  .uma-wide-action,.uma-text-preset{min-height:48px}

  .uma-designer-inspector{
    display:none!important;
    position:absolute!important;
    left:0!important;right:0!important;top:auto!important;bottom:70px!important;
    width:auto!important;max-height:min(64%,500px)!important;
    z-index:35!important;
    border:0!important;border-top:1px solid #e5e7eb!important;
    border-radius:18px 18px 0 0;
    box-shadow:0 -12px 32px rgba(17,24,39,.2)!important;
    padding:16px 14px calc(18px + env(safe-area-inset-bottom))!important;
    overflow:auto!important;
  }
  .uma-designer-inspector.is-mobile-open{display:block!important}
  .uma-designer-inspector input,.uma-designer-inspector textarea,.uma-designer-inspector select{min-height:44px;font-size:16px}
  .uma-designer-inspector input[type=range]{min-height:32px}
  .uma-align-grid button{min-height:42px}

  .uma-designer-footer{
    min-height:56px;height:auto;padding:7px 8px;gap:8px;flex-wrap:nowrap;
  }
  .uma-designer-footer .uma-footer-left{min-width:0}
  .uma-designer-footer .uma-footer-left span{display:none!important}
  .uma-designer-footer button{min-height:42px;padding:8px 11px!important}
  .uma-designer-footer .button-primary{margin-left:auto;white-space:nowrap;padding:10px 14px!important}
  .uma-designer-toast{bottom:82px;max-width:86vw;text-align:center}
  .uma-resize-handle{r:7px;stroke-width:2.5}
}

@media (max-width: 520px) {
  .uma-designer-topbar{padding:6px}
  .uma-designer-brand{max-width:34%}
  .uma-designer-brand #uma-designer-dimensions{display:none}
  .uma-designer-top-actions{max-width:66%}
  .uma-designer-back{font-size:0!important;min-width:40px}
  .uma-designer-back:after{content:'‹';font-size:24px;line-height:1}
  .uma-stage-wrap{padding:16px 8px 22px!important}
  .uma-designer-rail button{min-width:58px;flex-basis:58px}
  .uma-template-grid{grid-template-columns:1fr 1fr}
  .uma-designer-footer #uma-w2p-save-draft{font-size:11px}
  .uma-designer-footer .button-primary{font-size:11px!important}
}

/* v2.3 product mockup / decoration-location workspace */
.uma-decoration-workspace-preview{position:absolute;right:18px;top:76px;width:220px;z-index:8;background:rgba(255,255,255,.96);border:1px solid #e5e7eb;border-radius:12px;padding:12px;box-shadow:0 10px 28px rgba(0,0,0,.12)}
.uma-decoration-workspace-preview h3{font-size:13px;margin:0 0 8px}.uma-decoration-workspace-preview p{font-size:11px;margin:8px 0 0;opacity:.7}
.uma-product-mockup-image{position:relative;aspect-ratio:1/1;background:#f6f7f8;border-radius:8px;overflow:hidden}
.uma-product-mockup-image>img{display:block;width:100%;height:100%;object-fit:contain}
.uma-product-mockup>strong,.uma-product-mockup>small{display:block;margin-top:6px}.uma-product-mockup>small{font-size:11px;opacity:.7}
.uma-mockup-zone{position:absolute;border:2px dashed rgba(37,99,235,.85);background:rgba(37,99,235,.12);padding:0;min-width:20px;min-height:20px;cursor:pointer}
.uma-mockup-zone span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:9px;line-height:1.05;background:rgba(255,255,255,.88);padding:2px 3px;border-radius:3px;white-space:nowrap}
.uma-mockup-zone.is-active{border-style:solid;background:rgba(37,99,235,.25)}
@media(max-width:1180px){.uma-decoration-workspace-preview{width:170px;right:10px}}
@media(max-width:900px){.uma-decoration-workspace-preview{position:relative;top:auto;right:auto;width:auto;margin:0 10px 8px;z-index:2}.uma-product-mockup{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center}.uma-product-mockup>strong,.uma-product-mockup>small{margin:0}.uma-decoration-workspace-preview p{display:none}}

/* v2.4 production color */
.uma-spot-heading{margin:20px 0 10px}.uma-spot-palette{display:grid;gap:8px}.uma-spot-swatch{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff;text-align:left;cursor:pointer}.uma-spot-swatch i{display:block;width:24px;height:24px;border-radius:6px;background:var(--swatch);border:1px solid rgba(0,0,0,.15)}.uma-color-status{padding:10px;border-radius:8px;background:rgba(0,0,0,.045);font-size:12px;margin-bottom:12px}.uma-color-status strong{display:block;margin-bottom:4px}


/* v2.4.1 Designer interaction hotfix */
.uma-designer-stage,
#uma-designer-stage{touch-action:none;user-select:none;-webkit-user-select:none;}
.uma-designer-stage text,
#uma-designer-stage text,
.uma-layer{cursor:pointer;}
#uma-designer-stage tspan{pointer-events:none;}
.uma-resize-handle{pointer-events:all;}
.uma-designer-inspector select,
.uma-context-toolbar select,
.uma-designer-library select{
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  background-color:#fff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath fill='%236b7280' d='M5.5 7.5 10 12l4.5-4.5z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 10px center!important;
  background-size:14px 14px!important;
  padding-right:34px!important;
}
.uma-designer-inspector select::-ms-expand{display:none;}

/* v2.4.2 deterministic canvas object hit-testing */
#uma-designer-stage .uma-object-hit-target{
  pointer-events:all!important;
  fill:transparent!important;
  stroke:transparent!important;
  touch-action:none;
}
#uma-designer-stage .uma-resize-handle{pointer-events:all!important;}

/* v2.5.0 — UMA Print Maker: cleaner Jukebox-style print editor workflow */
@media (min-width: 901px) {
  .uma-designer-contained .uma-designer-shell{
    background:#f5f6f8!important;
    color:#20242b;
  }
  .uma-designer-contained .uma-designer-topbar{
    height:64px!important;
    background:#fff!important;
    border-bottom:1px solid #dfe3e8!important;
    padding:10px 18px!important;
    box-shadow:0 1px 0 rgba(20,28,38,.03);
  }
  .uma-designer-contained .uma-designer-brand{gap:14px!important}
  .uma-designer-contained .uma-designer-brand strong{
    font-size:17px!important;font-weight:700;letter-spacing:-.01em;color:#181c22;
  }
  .uma-designer-contained .uma-designer-brand span{
    color:#68707c!important;font-size:12px!important;
  }
  .uma-designer-contained .uma-designer-top-actions{
    gap:7px!important;
  }
  .uma-designer-contained .uma-designer-top-actions button,
  .uma-designer-contained .uma-designer-back{
    min-height:36px;border:1px solid #d8dde4!important;background:#fff!important;
    color:#282e36!important;border-radius:5px!important;padding:7px 11px!important;
    font-weight:600;font-size:11px;text-decoration:none;box-shadow:none!important;
  }
  .uma-designer-contained .uma-designer-top-actions button:hover,
  .uma-designer-contained .uma-designer-back:hover{background:#f4f6f8!important;border-color:#bfc6cf!important}

  .uma-designer-contained .uma-designer-main{
    grid-template-columns:88px 252px minmax(0,1fr) 244px!important;
    background:#f3f4f6;
  }
  .uma-designer-contained .uma-designer-rail{
    background:#fff!important;color:#2b3139!important;padding:10px 7px!important;
    border-right:1px solid #dfe3e8;gap:3px!important;
  }
  .uma-designer-contained .uma-designer-rail button{
    color:#505966!important;background:transparent!important;border-radius:6px!important;
    min-height:66px!important;padding:8px 5px!important;font-size:10px!important;
    transition:background .12s ease,color .12s ease;
  }
  .uma-designer-contained .uma-designer-rail button svg{
    width:22px;height:22px;display:block;margin:0 auto 5px;fill:none;stroke:currentColor;stroke-width:1.7;
  }
  .uma-designer-contained .uma-designer-rail button:hover{background:#f2f5f8!important;color:#1d252f!important}
  .uma-designer-contained .uma-designer-rail button.is-active{
    background:#edf5ff!important;color:#1166b1!important;font-weight:700;
    box-shadow:inset 3px 0 0 #1166b1;
  }
  .uma-designer-contained .uma-designer-library{
    background:#fff!important;border-right:1px solid #dfe3e8!important;padding:17px 15px!important;
  }
  .uma-designer-contained .uma-library-head h3{
    font-size:16px!important;line-height:1.25;margin:0 0 5px!important;color:#20242b;
  }
  .uma-designer-contained .uma-library-head p{margin:0 0 11px!important;font-size:11px!important;line-height:1.45;color:#747d89!important}
  .uma-designer-contained .uma-library-head input[type=search]{
    height:40px!important;border:1px solid #ccd2da!important;border-radius:5px!important;background:#fff!important;
    padding:0 11px!important;box-shadow:none!important;
  }
  .uma-designer-contained .uma-template-grid{grid-template-columns:1fr!important;gap:12px!important}
  .uma-designer-contained .uma-template-card{
    border:1px solid #dfe3e8!important;border-radius:6px!important;padding:8px!important;background:#fff!important;
  }
  .uma-designer-contained .uma-template-card:hover{border-color:#8cb8dc!important;box-shadow:0 2px 8px rgba(30,75,115,.08)}
  .uma-designer-contained .uma-template-card strong{font-size:11px!important;margin:7px 2px 1px!important;color:#303640}
  .uma-designer-contained .uma-template-preview{border-radius:4px!important}
  .uma-designer-contained .uma-wide-action{
    background:#1166b1!important;border-radius:5px!important;min-height:42px!important;
  }
  .uma-designer-contained .uma-text-preset{border-radius:5px!important;border-color:#dfe3e8!important}

  .uma-designer-contained .uma-designer-workarea{background:#eef0f3!important}
  .uma-designer-contained .uma-context-toolbar{
    height:46px!important;background:#fff!important;border-bottom:1px solid #dfe3e8!important;padding:7px 13px!important;
  }
  .uma-designer-contained .uma-context-toolbar span{color:#6b7480!important}
  .uma-designer-contained .uma-context-toolbar button{
    border:1px solid #d9dee5!important;background:#fff!important;border-radius:4px!important;color:#353c45!important;
  }
  .uma-designer-contained .uma-side-tabs{
    background:#fafbfc!important;border-bottom:1px solid #dfe3e8!important;padding:8px 13px!important;
  }
  .uma-designer-contained .uma-side-tabs button{
    background:#fff!important;border:1px solid #cfd5dc!important;border-radius:4px!important;color:#4d5661!important;
    padding:7px 15px!important;font-size:11px;font-weight:600;
  }
  .uma-designer-contained .uma-side-tabs button.is-active{
    background:#1166b1!important;border-color:#1166b1!important;color:#fff!important;
  }
  .uma-designer-contained .uma-stage-wrap{
    background:#e9ecf0!important;padding:46px!important;
  }
  .uma-designer-contained .uma-stage-wrap svg{
    box-shadow:0 4px 18px rgba(31,39,50,.18)!important;border:1px solid #cfd4da;
  }
  .uma-designer-contained .uma-guide-legend{
    background:#fafbfc!important;border-top:1px solid #dfe3e8!important;color:#69727e!important;
  }

  .uma-designer-contained .uma-designer-inspector{
    background:#fff!important;border-left:1px solid #dfe3e8!important;padding:15px!important;
  }
  .uma-designer-contained .uma-inspector-title h3{font-size:14px!important;color:#242a32!important}
  .uma-designer-contained .uma-designer-inspector label{font-size:10px!important;color:#66707c!important}
  .uma-designer-contained .uma-designer-inspector input,
  .uma-designer-contained .uma-designer-inspector textarea,
  .uma-designer-contained .uma-designer-inspector select{
    border-radius:4px!important;border-color:#ccd2da!important;background:#fff!important;
  }
  .uma-designer-contained .uma-layer{border-radius:4px!important;border-color:#dfe3e8!important}
  .uma-designer-contained .uma-layer.is-selected{outline:2px solid #68a7d8!important;background:#f3f8fc}
  .uma-designer-contained .uma-selected-outline{stroke:#1473b9!important;stroke-width:1.6!important;stroke-dasharray:none!important}
  .uma-designer-contained .uma-resize-handle{stroke:#1473b9!important}

  .uma-designer-contained .uma-designer-footer{
    height:58px!important;background:#fff!important;border-top:1px solid #dfe3e8!important;padding:9px 16px!important;
  }
  .uma-designer-contained .uma-designer-footer button{
    border-radius:5px!important;border:1px solid #cfd5dc!important;background:#fff!important;color:#303740!important;
  }
  .uma-designer-contained .uma-designer-footer .button-primary{
    background:#1166b1!important;border-color:#1166b1!important;color:#fff!important;padding:10px 20px!important;
  }
  .uma-designer-contained .uma-designer-footer .button-primary:hover{background:#0d568f!important}
  .uma-decoration-workspace-preview{border-radius:6px!important}
}

/* keep the new visual language on mobile while preserving the v2.2.6 touch layout */
@media (max-width:900px){
 .uma-designer-contained .uma-designer-topbar,.uma-designer-contained .uma-designer-footer{background:#fff!important}
 .uma-designer-contained .uma-designer-rail{background:#fff!important;border-top:1px solid #dfe3e8!important}
 .uma-designer-contained .uma-designer-rail button{color:#56616e!important}
 .uma-designer-contained .uma-designer-rail button.is-active{background:#edf5ff!important;color:#1166b1!important}
 .uma-designer-contained .uma-designer-library,.uma-designer-contained .uma-designer-inspector{border-color:#dfe3e8!important;border-radius:12px 12px 0 0!important}
 .uma-designer-contained .uma-side-tabs button.is-active{background:#1166b1!important;border-color:#1166b1!important;color:#fff!important}
 .uma-designer-contained .uma-designer-footer .button-primary{background:#1166b1!important;color:#fff!important}
}

/* v2.5.1 — zero-margin workspace + collapsible desktop panels + system upload controls */
body.uma-w2p-workspace-page,
body.uma-w2p-workspace-page #page,
body.uma-w2p-workspace-page .main-container,
body.uma-w2p-workspace-page .page-wrapper,
body.uma-w2p-workspace-page .post-wrapper,
body.uma-w2p-workspace-page .post-content,
body.uma-w2p-workspace-page .row-container,
body.uma-w2p-workspace-page .row-parent,
body.uma-w2p-workspace-page .single-wrapper,
body.uma-w2p-workspace-page .limit-width,
body.uma-w2p-workspace-page .uncont,
body.uma-w2p-workspace-page .uncell,
body.uma-w2p-workspace-page .uncol,
body.uma-w2p-workspace-page .uncoltable,
body.uma-w2p-workspace-page .uncoltable > .uncell{
  margin-left:0!important;margin-right:0!important;
  padding-left:0!important;padding-right:0!important;
  max-width:none!important;width:100%!important;
}
body.uma-w2p-workspace-page .uma-designer-page{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
}

.uma-panel-chrome{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-2px 0 12px;padding:0 0 9px;border-bottom:1px solid #e5e7eb}
.uma-panel-chrome>strong{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#69727d}
.uma-panel-chrome>div{display:flex;align-items:center;gap:5px}
.uma-panel-collapse{border:1px solid #d6dbe2;background:#fff;color:#505966;border-radius:4px;min-width:28px;width:28px;height:28px;padding:0;cursor:pointer;font-size:17px;line-height:1}
.uma-panel-collapse:hover{background:#f3f5f7;border-color:#bcc4ce}
.uma-panel-open-control{display:flex!important;align-items:center;gap:7px!important;margin-left:auto}
.uma-panel-open-control>span{font-size:10px;font-weight:600;color:#59636e;white-space:nowrap;text-transform:none;letter-spacing:0}
.uma-panel-toggle{position:relative;width:30px;height:16px;border:0!important;border-radius:999px!important;background:#c7cdd4!important;padding:0!important;min-width:30px!important;cursor:pointer;box-shadow:none!important;transition:background .16s ease}
.uma-panel-toggle:hover{background:#aeb6bf!important}
.uma-panel-toggle.is-on{background:#28a745!important}
.uma-panel-toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.22);transition:transform .16s ease}
.uma-panel-toggle.is-on .uma-panel-toggle-knob{transform:translateX(14px)}

.uma-system-upload{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #cfd5dc!important;background:#fff!important;color:#26303a!important;border-radius:5px!important;padding:11px 12px!important;margin:0 0 9px!important;cursor:pointer;box-shadow:none!important;min-height:58px}
.uma-system-upload:hover{background:#f7f9fb!important;border-color:#8eb4d3!important}
.uma-system-upload-icon{width:34px;height:34px;border:1px solid #dbe1e7;border-radius:5px;display:grid;place-items:center;background:#f6f8fa;color:#1166b1;flex:0 0 34px}
.uma-system-upload-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.uma-system-upload>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.uma-system-upload strong{font-size:11px;font-weight:700;color:#28313b}
.uma-system-upload small{font-size:9px;color:#7a838e}

@media (min-width:901px){
  .uma-designer-contained .uma-designer-main{transition:grid-template-columns .18s ease}
  .uma-designer-contained.uma-library-collapsed .uma-designer-main{grid-template-columns:88px 0 minmax(0,1fr) 244px!important}
  .uma-designer-contained.uma-inspector-collapsed .uma-designer-main{grid-template-columns:88px 252px minmax(0,1fr) 0!important}
  .uma-designer-contained.uma-library-collapsed.uma-inspector-collapsed .uma-designer-main{grid-template-columns:88px 0 minmax(0,1fr) 0!important}
  .uma-designer-contained.uma-library-collapsed .uma-designer-library,
  .uma-designer-contained.uma-inspector-collapsed .uma-designer-inspector{padding-left:0!important;padding-right:0!important;border-width:0!important;overflow:hidden!important;visibility:hidden}
  .uma-designer-contained .uma-designer-library,
  .uma-designer-contained .uma-designer-inspector{transition:padding .18s ease,border-width .18s ease}
}

/* v2.5.5 — desktop viewport-fit workspace: no outer page scrolling while Designer is active */
@media (min-width:901px){
  html.uma-w2p-designer-fit,
  body.uma-w2p-designer-fit{
    overflow:hidden!important;
    height:100%!important;
  }
  body.uma-w2p-designer-fit .uma-designer-page{
    height:var(--uma-designer-page-height,calc(100vh - 80px))!important;
    min-height:0!important;
    max-height:100vh!important;
    overflow:hidden!important;
  }
  body.uma-w2p-designer-fit .uma-designer-page .uma-designer-contained.uma-designer-modal{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  body.uma-w2p-designer-fit .uma-designer-shell{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.uma-w2p-designer-fit .uma-designer-main{
    min-height:0!important;
    overflow:hidden!important;
  }
  body.uma-w2p-designer-fit .uma-designer-rail{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  body.uma-w2p-designer-fit .uma-designer-library,
  body.uma-w2p-designer-fit .uma-designer-inspector{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  body.uma-w2p-designer-fit .uma-designer-workarea{
    min-height:0!important;
    overflow:hidden!important;
  }
  body.uma-w2p-designer-fit .uma-stage-wrap{
    min-height:0!important;
    overflow:auto!important;
    overscroll-behavior:contain;
  }
}

/* v2.5.6 — remove Uncode/WPBakery 36px vertical workspace gutters on desktop */
@media (min-width:901px){
  body.uma-w2p-workspace-page #page,
  body.uma-w2p-workspace-page .main-container,
  body.uma-w2p-workspace-page .page-wrapper,
  body.uma-w2p-workspace-page .post-wrapper,
  body.uma-w2p-workspace-page .post-content,
  body.uma-w2p-workspace-page .row-container,
  body.uma-w2p-workspace-page .row-parent,
  body.uma-w2p-workspace-page .single-wrapper,
  body.uma-w2p-workspace-page .limit-width,
  body.uma-w2p-workspace-page .uncont,
  body.uma-w2p-workspace-page .uncell,
  body.uma-w2p-workspace-page .uncol,
  body.uma-w2p-workspace-page .uncoltable,
  body.uma-w2p-workspace-page .uncoltable > .uncell{
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  body.uma-w2p-workspace-page .uma-designer-page{
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
}

/* v2.7 managed designer templates */
.uma-template-preview.managed{background-size:cover;background-position:center;background-color:#fff}
.uma-template-preview.managed:not([style*="background-image"]) i:nth-child(1){left:10%;top:24%;width:52%;height:8%;background:#1f2937}.uma-template-preview.managed:not([style*="background-image"]) i:nth-child(2){left:10%;top:44%;width:36%;height:4%;background:#9ca3af}.uma-template-preview.managed:not([style*="background-image"]) i:nth-child(3){left:10%;top:66%;width:20%;height:3%;background:#1f2937}
.uma-template-card-managed strong:after{content:'Managed';display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-top:2px}


/* v2.7.5: modestly larger designer icons without changing layout */
.uma-designer-contained .uma-designer-rail button svg,
.uma-designer-rail button svg{
  width:25px!important;
  height:25px!important;
}
.uma-designer-contained .uma-designer-rail button{
  min-height:68px!important;
}
.uma-system-upload-icon{
  width:38px!important;
  height:38px!important;
  flex-basis:38px!important;
}
.uma-system-upload-icon svg{
  width:21px!important;
  height:21px!important;
}
@media(max-width:820px){
  .uma-designer-rail button svg,
  .uma-designer-contained .uma-designer-rail button svg{
    width:23px!important;
    height:23px!important;
  }
  .uma-designer-rail button{
    min-height:60px!important;
  }
}

/* v2.7.6 — premium mobile designer polish */
.uma-mobile-sheet-backdrop{display:none}
@media (max-width: 900px){
  .uma-designer-modal{overscroll-behavior:contain}
  .uma-mobile-sheet-backdrop{
    display:none;
    position:absolute;
    inset:0;
    z-index:24;
    border:0;
    background:rgba(15,23,42,.22);
    backdrop-filter:blur(1.5px);
    cursor:pointer;
  }
  .uma-designer-modal.has-mobile-sheet-open .uma-mobile-sheet-backdrop{display:block}
  .uma-designer-library,.uma-designer-inspector{
    transform:translateY(105%);
    opacity:.98;
    will-change:transform;
    transition:transform .22s cubic-bezier(.2,.85,.24,1), opacity .18s ease;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .uma-designer-library.is-mobile-open,.uma-designer-inspector.is-mobile-open{transform:translateY(0)}
  .uma-designer-library{z-index:31!important}
  .uma-designer-inspector{z-index:36!important}
  .uma-mobile-sheet-handle{margin-top:2px;margin-bottom:14px;background:#c9d0d8}
  .uma-panel-collapse{
    min-width:36px!important;width:36px!important;height:36px!important;
    border-radius:999px!important;font-size:22px!important;line-height:1!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
  }
  .uma-designer-tools button,.uma-element-grid button,.uma-text-preset,.uma-wide-action,.uma-template-card{
    touch-action:manipulation;
  }
  .uma-designer-tools button{min-height:54px!important}
  .uma-designer-tools button svg,.uma-icon svg{width:22px!important;height:22px!important}
  .uma-stage-wrap{overscroll-behavior:contain;touch-action:pan-x pan-y}
  .uma-designer-stage{touch-action:none}
  .uma-context-toolbar{gap:6px;scroll-snap-type:x proximity}
  .uma-context-toolbar button,.uma-context-toolbar select{scroll-snap-align:start}
}
@media (max-width: 520px){
  .uma-designer-library,.uma-designer-inspector{max-height:min(72%,560px)!important;border-radius:20px 20px 0 0!important}
  .uma-designer-footer{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
}
html.uma-mobile-designer-panel-open,html.uma-mobile-designer-panel-open body{overscroll-behavior:none}

/* v2.8.0 — mobile precision interaction + viewport flow */
.uma-mobile-selection-bar{display:none}
.uma-crop-controls{margin:12px 0;padding:12px;border:1px solid #dfe3e8;border-radius:8px;background:#f8fafc}
.uma-crop-controls>span{display:block;margin-bottom:8px;font-size:11px;font-weight:700;color:#4b5563}
.uma-crop-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
.uma-crop-focal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.uma-crop-controls button{min-height:34px;border:1px solid #d6dce3;border-radius:6px;background:#fff;color:#303844;cursor:pointer}
.uma-crop-controls button.is-active{border-color:#1166b1;background:#edf5ff;color:#1166b1;font-weight:700}

@media (max-width:900px){
  body.uma-w2p-workspace-page .uma-designer-page{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  .uma-designer-page .uma-designer-contained.uma-designer-modal{
    min-height:0!important;
    height:var(--uma-designer-page-height,calc(100dvh - var(--uma-designer-mobile-top,0px)))!important;
  }
  .uma-designer-workarea{position:relative!important}
  .uma-mobile-selection-bar{
    position:absolute;
    z-index:22;
    left:50%;
    bottom:10px;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:4px;
    max-width:calc(100% - 16px);
    overflow-x:auto;
    padding:5px;
    border:1px solid rgba(17,24,39,.12);
    border-radius:12px;
    background:rgba(255,255,255,.97);
    box-shadow:0 8px 24px rgba(17,24,39,.15);
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .uma-mobile-selection-bar[hidden]{display:none!important}
  .uma-mobile-selection-bar::-webkit-scrollbar{display:none}
  .uma-mobile-selection-bar button{
    flex:0 0 auto;
    min-width:44px;
    min-height:44px;
    padding:7px 10px;
    border:0;
    border-radius:8px;
    background:#f2f4f7;
    color:#202733;
    font-size:12px;
    font-weight:650;
    touch-action:manipulation;
  }
  .uma-mobile-selection-bar button:active{transform:scale(.97)}
  .uma-mobile-selection-bar .is-danger{color:#b42318;background:#fff1f0}
  .uma-mobile-selection-bar:not(.is-image) .uma-mobile-crop-action{display:none}

  /* Keep selection and movement on canvas. Properties only open after explicit Edit/Crop. */
  .uma-designer-stage,#uma-designer-stage{touch-action:none!important}
  .uma-object-hit-target{touch-action:none!important}
  .uma-stage-wrap{padding:12px 8px 64px!important;touch-action:pan-x pan-y}

  /* Larger, clearer primary tool icons with accessible touch targets. */
  .uma-designer-rail button{
    min-width:66px!important;
    flex-basis:66px!important;
    min-height:62px!important;
    padding:5px!important;
  }
  .uma-designer-rail button svg,
  .uma-designer-contained .uma-designer-rail button svg{
    width:26px!important;
    height:26px!important;
    stroke-width:1.85!important;
  }
  .uma-designer-rail button span{font-size:9.5px!important;font-weight:650}

  .uma-designer-library,.uma-designer-inspector{
    max-height:min(62%,520px)!important;
  }
  .uma-designer-modal.has-mobile-sheet-open .uma-mobile-selection-bar{opacity:.2;pointer-events:none}
  .uma-crop-controls button{min-height:44px;font-size:14px}
}

@media (max-width:520px){
  .uma-designer-rail button{min-width:62px!important;flex-basis:62px!important}
  .uma-designer-rail button svg,.uma-designer-contained .uma-designer-rail button svg{width:27px!important;height:27px!important}
  .uma-mobile-selection-bar{bottom:8px}
}
@media (max-width:900px){
  /* The selected design-area tabs remain visible; move the large product mockup out of the scarce phone workspace. */
  .uma-decoration-workspace-preview{display:none!important}
  .uma-designer-page-message:empty{display:none!important;margin:0!important;padding:0!important}
}