/* POD Studio is completely scoped to avoid WoodMart / Elementor styles. */
.mim-no-scroll {overflow:hidden!important}
.mim-product-entry {display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 18px!important}
.mim-product-entry .mim-launch{background:linear-gradient(100deg,#d5288b,#7158d3)!important;border:0!important;color:#fff!important;font-weight:700!important;border-radius:10px!important;padding:15px 22px!important;box-shadow:0 7px 22px #a5389630!important;line-height:1.3!important;letter-spacing:0!important;text-transform:none!important}
.mim-design-status{flex-basis:100%;font-size:12px;color:#696d7a}
.mim-studio[hidden],.mim-studio [hidden] {display:none!important}
.mim-studio,.mim-studio * {box-sizing:border-box}
.mim-studio{position:fixed;inset:0;z-index:2147482000;background:#111b2bcc;display:flex;align-items:center;justify-content:center;padding:12px;color:#171927;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.mim-studio-shell{display:flex;flex-direction:column;width:min(1500px,100%);height:min(940px,calc(100dvh - 24px));min-height:420px;background:#fff;overflow:hidden;border-radius:18px;box-shadow:0 30px 95px #0006}
.mim-studio button,.mim-studio input,.mim-studio textarea,.mim-studio select{font:inherit;box-shadow:none;letter-spacing:normal!important;text-transform:none!important}
.mim-studio button{cursor:pointer;font-size:13px;font-weight:600;background:#fff;border:1px solid #e2e4ec;color:#272b40;padding:9px 12px;border-radius:9px;height:auto;min-height:0;line-height:1.25}
.mim-studio button:hover{border-color:#ba80e5;background:#fcfaff}
.mim-studio button:focus-visible,.mim-studio input:focus-visible,.mim-studio select:focus-visible,.mim-studio textarea:focus-visible{outline:2px solid #7555d9;outline-offset:2px}
.mim-studio button:disabled{opacity:.5;cursor:wait}
.mim-head{min-height:69px;padding:12px 20px;background:#fff;display:flex;align-items:center;gap:12px;border-bottom:1px solid #ececf2}
.mim-brand-mark{background:linear-gradient(135deg,#d92b87,#684fe1);display:grid;place-items:center;color:white;font-size:24px;font-weight:900;width:42px;height:42px;border-radius:12px}
.mim-head-text{display:flex;flex-direction:column;gap:1px}
.mim-head-text strong{color:#161828;font-size:17px;font-weight:800}
.mim-head-text em{color:#ad3299;font-style:normal}
.mim-head-text small{font-size:11px;color:#777b8d}
.mim-head-spacer,.mim-toolbar-space{flex:1}
.mim-studio .mim-plain{border:0;background:#f3f4f8;font-size:16px;width:39px;height:39px;border-radius:50%;padding:0}
.mim-tools-bar{display:flex;align-items:center;gap:7px;padding:9px 17px;background:#fcfbfe;border-bottom:1px solid #ebeaf0;overflow-x:auto;min-height:52px}
.mim-tools-bar button,.mim-tools-bar .mim-import-btn{white-space:nowrap;font-size:12px;padding:8px 10px}
.mim-import-btn{border:1px solid #e2e4ec;border-radius:9px;cursor:pointer;font-weight:600;color:#272b40;background:#fff}
.mim-body{display:grid;grid-template-columns:236px minmax(300px,1fr) 255px;min-height:0;flex:1;background:#f5f4f8}
.mim-sidebar{background:#fff;padding:20px 14px;overflow-y:auto;min-width:0;scrollbar-width:thin}
.mim-left{border-right:1px solid #ececf2}.mim-right{border-left:1px solid #ececf2}
.mim-panel-title{font-size:10px;letter-spacing:1.5px;color:#8a879a;font-weight:800;margin:0 0 12px}
.mim-gap{margin-top:24px}
.mim-studio .mim-side-button,.mim-upload{display:flex!important;gap:8px;align-items:center;width:100%;margin-bottom:7px;border:1px solid #e9e8ee!important;border-radius:10px!important;padding:12px 11px!important;text-align:left;background:#fff;color:#2f3140;font-size:12px;font-weight:700;cursor:pointer}
.mim-studio .mim-side-button:hover,.mim-upload:hover{background:#f8f3fd;border-color:#d1b7ef!important}
.mim-template-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mim-studio .mim-template-item{display:flex;flex-direction:column;align-items:center;gap:7px;padding:8px 5px;border-color:#e9e7ee;min-height:105px;text-align:center;font-size:10px;line-height:1.25;width:100%}
.mim-template-icon{background:linear-gradient(140deg,#fae4f1,#e6defe);border:1px solid #e7d2ee;width:100%;height:54px;border-radius:7px;display:grid;place-items:center;color:#973592;font-family:Georgia,serif;font-size:25px;font-weight:700}
.mim-text-button{width:100%;margin-top:14px!important;color:#ba2a86!important}
.mim-stage{min-width:0;display:flex;flex-direction:column;background:#f7f6fa}
.mim-stage-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;min-height:68px;background:#fff;border-bottom:1px solid #ececf2}
.mim-stage-top strong{display:block;font-size:14px;color:#202136}
.mim-stage-top small{font-size:11px;color:#8990a2}
.mim-mode{display:flex;gap:3px;padding:3px;background:#f2eff7;border-radius:10px}
.mim-studio .mim-mode button{background:transparent!important;border:0!important;padding:8px 10px!important;font-size:11px;white-space:nowrap}
.mim-studio .mim-mode button.active{background:#fff!important;box-shadow:0 1px 4px #2920311b;color:#c42b8b!important}
.mim-work-area{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;overflow:auto;padding:20px}
.mim-editor-view,.mim-preview-view,.mim-3d-view{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}
.mim-edit-canvas-wrap{max-width:100%;max-height:calc(100% - 38px);display:flex;justify-content:center;align-items:center;min-width:0;min-height:0}
#mim-edit-canvas{display:block;max-width:100%;max-height:100%;height:auto;width:auto;object-fit:contain;background:#fff;box-shadow:0 12px 35px #30324416;touch-action:none;cursor:crosshair}
.mim-help{padding-top:10px;color:#8c8a99;font-size:11px;text-align:center}
#mim-product-preview{max-width:100%;max-height:calc(100% - 34px);height:auto;width:auto;object-fit:contain;border-radius:12px}
.mim-preview-view p,.mim-3d-view p{color:#74798a;font-size:11px;text-align:center;margin:8px 0}
#mim-gl-canvas{width:100%;max-width:790px;max-height:calc(100% - 34px);min-height:240px;height:100%;border-radius:12px;touch-action:none;cursor:grab}
.mim-muted{font-size:12px;line-height:1.6;color:#9a9cad;margin:3px 0 15px}
.mim-field{display:block;margin:12px 0;color:#565867;font-size:11px;font-weight:600}
.mim-field span{display:block;margin-bottom:6px}
.mim-field input,.mim-field select,.mim-field textarea{width:100%;padding:9px 10px;border:1px solid #d9dbe6!important;border-radius:8px!important;background:#fff!important;color:#282b3a!important;font-size:12px!important;line-height:1.3!important}
.mim-field textarea{min-height:70px;resize:vertical}
.mim-field input[type=color]{height:39px;padding:4px!important;cursor:pointer}
.mim-field input[type=range]{padding:4px 0!important}
.mim-property-actions{display:grid;gap:6px;margin:13px 0}
.mim-property-actions button{font-size:11px}
.mim-layer{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:5px;text-align:left;font-size:11px;padding:9px!important}
.mim-layer.selected{background:#f5edfb!important;border-color:#b680e5!important}
.mim-layer span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mim-layer small{color:#a1a1aa}
.mim-warning{color:#8b551e;background:#fff5e8;padding:10px;border-radius:9px;font-size:11px;line-height:1.45}
.mim-foot{display:flex;align-items:center;gap:20px;justify-content:space-between;min-height:75px;padding:13px 20px;border-top:1px solid #e9eaf0;background:#fff}
.mim-safe-note{color:#7c8292;font-size:11px}
.mim-foot-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.mim-studio .mim-primary{background:linear-gradient(100deg,#d52b8d,#6952dc)!important;color:#fff!important;border:0!important;border-radius:11px!important;padding:14px 21px!important;font-size:13px!important;font-weight:800!important;box-shadow:0 6px 17px #cd328b32}
.mim-studio .mim-primary:hover{filter:brightness(1.05)}
.mim-studio .mim-secondary{border-color:#cdbde3!important;color:#6e3f8e!important}
.mim-toast{position:absolute;left:50%;bottom:95px;transform:translateX(-50%) translateY(10px);z-index:10;padding:11px 17px;border-radius:10px;background:#20253f;color:white;box-shadow:0 12px 24px #0003;font-size:12px;max-width:min(520px,90%);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;text-align:center}
.mim-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.mim-toast.is-error{background:#a12545}
@media(max-width:1150px){.mim-body{grid-template-columns:200px minmax(300px,1fr) 220px}.mim-sidebar{padding:15px 9px}.mim-stage-top{flex-wrap:wrap}.mim-stage-top>div:first-child{flex:1}}
@media(max-width:850px){.mim-studio{padding:0}.mim-studio-shell{height:100dvh;border-radius:0}.mim-body{display:flex;flex-direction:column;overflow:auto}.mim-sidebar{overflow:visible}.mim-left{order:2;border-right:0;border-top:1px solid #ececf2}.mim-stage{order:1;min-height:400px;flex:1}.mim-right{order:3;border-left:0;border-top:1px solid #ececf2}.mim-template-list{grid-template-columns:repeat(4,minmax(0,1fr))}.mim-foot{position:sticky;bottom:0;z-index:2;padding:9px 12px;min-height:60px}.mim-safe-note{display:none}.mim-stage-top{min-height:56px}.mim-work-area{min-height:300px}.mim-edit-canvas-wrap{max-height:380px}.mim-head{min-height:58px;padding:8px 12px}.mim-tools-bar{min-height:46px;padding:5px 10px}}
@media(max-width:520px){.mim-head-text strong{font-size:15px}.mim-stage-top{gap:7px;padding:9px 10px}.mim-stage-top small{font-size:10px}.mim-work-area{padding:10px}.mim-mode{width:100%;justify-content:space-around}.mim-stage{min-height:425px}.mim-template-list{grid-template-columns:repeat(3,minmax(0,1fr))}.mim-foot-actions{width:100%}.mim-studio .mim-primary{flex:1;padding:13px 9px!important}.mim-studio .mim-secondary{font-size:10px;padding:7px!important}.mim-studio .mim-tools-bar button{font-size:11px}.mim-help{font-size:10px}}
/* Prevent large source canvases from being clipped in desktop modal viewports. */
@media (min-width:851px) {
 .mim-editor-view{min-height:0;height:100%}
 .mim-edit-canvas-wrap{height:calc(100% - 28px);min-height:0;flex:1 1 auto}
 #mim-edit-canvas{height:100%;width:auto;max-width:100%;max-height:100%;object-fit:contain}
}
@media (min-width:851px) {
 .mim-work-area {min-height:0;height:0;flex:1 1 auto;overflow:hidden}
 .mim-stage{min-height:0}
 .mim-editor-view,.mim-preview-view,.mim-3d-view{min-height:0;height:100%;}
}