:root{--pmd-primary:#111827}.pm-designer-root,.pm-designer-root *{box-sizing:border-box}.pmd-shell{min-height:100vh;background:#f8fafc;color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.pmd-topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.pmd-brand{display:flex;gap:8px;align-items:center}.pmd-brand strong{font-size:18px}.pmd-brand span{color:#64748b}.pmd-actions{display:flex;gap:10px;align-items:center}.pmd-status{font-size:12px;color:#64748b}.pmd-button{height:38px;padding:0 15px;border:1px solid var(--pmd-primary);border-radius:12px;background:var(--pmd-primary);color:#fff;font-weight:700;cursor:pointer}.pmd-button.secondary{background:#fff;color:#111827;border-color:#d1d5db}.pmd-body{height:calc(100vh - 64px);display:grid;grid-template-columns:92px 310px minmax(420px,1fr) 300px}.pmd-sidebar{padding:12px 9px;display:flex;flex-direction:column;gap:8px;background:#0f172a;overflow-y:auto}.pmd-tab{min-height:68px;border:0;border-radius:16px;background:transparent;color:#cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-size:11px;text-transform:capitalize}.pmd-tab.active{background:#1e293b;color:#fff}.pmd-tab-icon{font-size:18px}.pmd-panel-host,.pmd-right-panel{padding:20px;background:#fff;border-right:1px solid #e5e7eb;overflow:auto}.pmd-right-panel{border-right:0;border-left:1px solid #e5e7eb}.pmd-panel-host h2,.pmd-right-panel h3{margin:0 0 10px;text-transform:capitalize}.pmd-panel-host p,.pmd-right-panel p{color:#64748b;line-height:1.5}.pmd-card,.pmd-note{padding:14px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;margin-top:14px}.pmd-json{white-space:pre-wrap;word-break:break-word;background:#0f172a;color:#dbeafe;border-radius:14px;padding:14px;font-size:12px;max-height:420px;overflow:auto}.pmd-workspace{display:flex;align-items:center;justify-content:center;padding:28px;background:linear-gradient(135deg,#eef2f7,#f8fafc);overflow:auto}.pmd-artboard-wrap{width:min(590px,92%)}.pmd-artboard{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 25px 70px rgba(15,23,42,.16);display:flex;align-items:center;justify-content:center;padding:42px}.pmd-safe-area{width:82%;height:82%;border:1px dashed #cbd5e1;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#94a3b8;text-align:center}.pmd-safe-area strong{color:#334155}.pmd-product-launch{margin:14px 0}.pmd-customize-button{display:inline-flex!important;align-items:center;justify-content:center}.pmd-missing-product{padding:18px;border:1px solid #fbbf24;background:#fffbeb;border-radius:12px;color:#92400e}@media(max-width:1100px){.pmd-body{grid-template-columns:84px 280px 1fr}.pmd-right-panel{display:none}}@media(max-width:760px){.pmd-topbar{height:auto;min-height:64px;align-items:flex-start;flex-direction:column;padding:14px}.pmd-actions{flex-wrap:wrap}.pmd-body{height:auto;min-height:calc(100vh - 64px);grid-template-columns:76px 1fr}.pmd-panel-host{display:none}.pmd-workspace{min-height:640px}.pmd-sidebar{min-height:640px}}
.pmd-artboard canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%;border-radius:18px}.pmd-artboard .canvas-container{width:100%!important;height:100%!important}.pmd-artboard .upper-canvas,.pmd-artboard .lower-canvas{max-width:100%;max-height:100%;border-radius:18px}.pmd-artboard{position:relative;overflow:hidden;padding:0}.pmd-artboard-wrap{width:min(720px,92%)}
.pmd-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.pmd-tool-button{min-height:38px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#111827;font-weight:700;cursor:pointer;text-align:center}.pmd-tool-button:hover{border-color:#64748b}.pmd-tool-button.danger{color:#991b1b;border-color:#fecaca;background:#fff5f5}.pmd-layer-actions{display:grid;grid-template-columns:1fr;gap:8px;margin:14px 0}.pmd-layer-list{display:flex;flex-direction:column;gap:8px}.pmd-layer{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left}.pmd-layer.active{border-color:var(--pmd-primary);box-shadow:0 0 0 2px rgba(17,24,39,.08)}.pmd-layer small{color:#64748b}.pmd-field{display:flex;flex-direction:column;gap:7px;margin:12px 0;font-size:13px;font-weight:700;color:#334155}.pmd-field input[type=text],.pmd-field input[type=number]{height:38px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px}.pmd-field input[type=color]{width:100%;height:42px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:4px}.pmd-field input[type=range]{width:100%}.canvas-container{margin:auto}.pmd-artboard{display:flex;align-items:center;justify-content:center}.pmd-artboard .canvas-container{max-width:100%;max-height:100%}

/* PM Designer v1.2 - left side tab menu refinement */
.pmd-body{grid-template-columns:104px 318px minmax(420px,1fr) 300px}
.pmd-sidebar{position:relative;padding:14px 10px;background:#0b1220;border-right:1px solid rgba(255,255,255,.08);box-shadow:inset -1px 0 0 rgba(15,23,42,.6);gap:7px}
.pmd-sidebar:before{content:"Tools";display:block;color:#64748b;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;text-align:center;margin:2px 0 8px}
.pmd-tab{position:relative;width:100%;min-height:72px;border-radius:0 18px 18px 0;background:transparent;color:#94a3b8;border:1px solid transparent;border-left:3px solid transparent;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;line-height:1.1}
.pmd-tab:hover{background:rgba(148,163,184,.12);color:#f8fafc;transform:translateX(2px)}
.pmd-tab.active{background:#fff;color:#0f172a;border-color:#e2e8f0;border-left-color:var(--pmd-primary);box-shadow:0 12px 24px rgba(15,23,42,.22);transform:translateX(6px)}
.pmd-tab.active:after{content:"";position:absolute;right:-11px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:10px solid #fff}
.pmd-tab-icon{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);font-size:17px;font-weight:900}
.pmd-tab.active .pmd-tab-icon{background:#f1f5f9;color:var(--pmd-primary)}
.pmd-tab span:last-child{font-size:10.5px;font-weight:800;max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pmd-panel-host{border-left:0;box-shadow:8px 0 24px rgba(15,23,42,.045);z-index:1}
@media(max-width:1100px){.pmd-body{grid-template-columns:94px 280px 1fr}.pmd-tab.active{transform:translateX(4px)}}
@media(max-width:760px){.pmd-body{grid-template-columns:86px 1fr}.pmd-sidebar:before{content:"Tabs"}.pmd-tab{min-height:64px}.pmd-tab.active:after{display:none}.pmd-tab.active{transform:none;border-radius:16px}}

/* PM Designer v1.3 - connected left tabs with icon + text label */
.pmd-body{grid-template-columns:148px 318px minmax(420px,1fr) 300px}
.pmd-sidebar{padding:16px 0 16px 12px;background:#f1f5f9;border-right:0;box-shadow:none;gap:6px;overflow:visible;z-index:3}
.pmd-sidebar:before{content:"Design";color:#64748b;text-align:left;padding:0 16px;margin:0 0 10px;font-size:11px;letter-spacing:.12em}
.pmd-tab{width:calc(100% + 1px);min-height:48px;height:48px;padding:0 14px 0 12px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;border-radius:16px 0 0 16px;border:1px solid transparent;border-right:0;background:transparent;color:#475569;text-align:left;line-height:1;box-shadow:none;transform:none;text-transform:none;font-size:13px;font-weight:800}
.pmd-tab:hover{background:#e2e8f0;color:#0f172a;transform:none}
.pmd-tab.active{background:#fff;color:#0f172a;border-color:#e2e8f0;border-right-color:#fff;border-left:1px solid #e2e8f0;box-shadow:-10px 10px 22px rgba(15,23,42,.08);transform:none;z-index:4}
.pmd-tab.active:after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:2px;height:auto;border:0;background:#fff;transform:none}
.pmd-tab:before{content:"";position:absolute;right:0;top:-7px;width:14px;height:7px;background:transparent;border-bottom-right-radius:12px;box-shadow:4px 4px 0 0 transparent;pointer-events:none}
.pmd-tab.active:before{box-shadow:4px 4px 0 0 #fff}
.pmd-tab-icon{flex:0 0 28px;width:28px;height:28px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;color:#334155;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center}
.pmd-tab.active .pmd-tab-icon{background:#0f172a;border-color:#0f172a;color:#fff}
.pmd-tab span:last-child{display:block;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:800;letter-spacing:0;text-transform:none}
.pmd-panel-host{position:relative;background:#fff;border-left:1px solid #e2e8f0;border-right:1px solid #e5e7eb;border-radius:0 0 0 0;box-shadow:10px 0 30px rgba(15,23,42,.055);z-index:2}
.pmd-panel-host:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:#fff;z-index:1}
.pmd-panel-host>*{position:relative;z-index:2}
@media(max-width:1100px){.pmd-body{grid-template-columns:136px 280px 1fr}.pmd-tab{padding-left:10px}.pmd-tab span:last-child{font-size:12px}.pmd-tab-icon{width:26px;height:26px;flex-basis:26px}}
@media(max-width:760px){.pmd-body{grid-template-columns:82px 1fr}.pmd-sidebar{padding:12px 0 12px 8px}.pmd-sidebar:before{content:"";display:none}.pmd-tab{height:62px;min-height:62px;width:calc(100% + 1px);padding:5px 7px;flex-direction:column;justify-content:center;gap:5px;border-radius:14px 0 0 14px}.pmd-tab span:last-child{font-size:10px;max-width:62px}.pmd-tab.active:after{display:block}.pmd-tab.active{border-radius:14px 0 0 14px}}

/* PM Designer v1.4 - clean stacked tabs attached to panel */
.pmd-body{grid-template-columns:112px 318px minmax(420px,1fr) 300px}
.pmd-sidebar{padding:14px 0;background:#f1f5f9;border-right:0;box-shadow:none;gap:4px;overflow:visible;z-index:3}
.pmd-sidebar:before{content:"Design";display:block;padding:0 10px 10px;margin:0;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.12em;text-align:center;text-transform:uppercase}
.pmd-tab{position:relative;width:calc(100% + 1px);height:70px;min-height:70px;margin:0;padding:8px 8px 8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-left:0;border-right:0;border-radius:0 16px 16px 0;background:transparent;color:#475569;text-align:center;line-height:1;box-shadow:none;transform:none;text-transform:none;font-size:11px;font-weight:800}
.pmd-tab:hover{background:#e2e8f0;color:#0f172a;transform:none;box-shadow:none}
.pmd-tab.active{background:#fff;color:#0f172a;border-color:#e2e8f0;border-left:0;border-right-color:#fff;border-radius:0 16px 16px 0;box-shadow:none;transform:none;z-index:5}
.pmd-tab.active:after{content:"";position:absolute;right:-1px;top:1px;bottom:1px;width:2px;background:#fff;border:0;display:block}
.pmd-tab:before,.pmd-tab.active:before{content:none;display:none;box-shadow:none}
.pmd-tab-icon{flex:0 0 auto;width:auto;height:auto;border:0;border-radius:0;background:transparent;color:inherit;font-size:20px;font-weight:900;display:block;line-height:1}
.pmd-tab.active .pmd-tab-icon{background:transparent;border:0;color:inherit}
.pmd-tab span:last-child{display:block;max-width:86px;white-space:normal;overflow:hidden;text-overflow:clip;font-size:11px;font-weight:800;line-height:1.15;letter-spacing:0;text-transform:none;text-align:center}
.pmd-panel-host{position:relative;background:#fff;border-left:1px solid #e2e8f0;border-right:1px solid #e5e7eb;border-radius:0;box-shadow:none;z-index:2}
.pmd-panel-host:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:#fff;z-index:1}
.pmd-panel-host>*{position:relative;z-index:2}
@media(max-width:1100px){.pmd-body{grid-template-columns:104px 280px 1fr}.pmd-tab{height:68px;min-height:68px;padding:7px 6px}.pmd-tab span:last-child{font-size:10px;max-width:78px}.pmd-tab-icon{font-size:18px}}
@media(max-width:760px){.pmd-body{grid-template-columns:82px 1fr}.pmd-sidebar{padding:12px 0}.pmd-sidebar:before{content:"";display:none}.pmd-tab{height:64px;min-height:64px;width:calc(100% + 1px);padding:6px 4px;border-radius:0 14px 14px 0}.pmd-tab.active{border-radius:0 14px 14px 0}.pmd-tab span:last-child{font-size:10px;max-width:66px}.pmd-tab-icon{font-size:18px}}

/* PM Designer v1.5 - inverted active tab curve */
.pmd-tab{
  border-radius:0;
}
.pmd-tab:hover{
  border-radius:0;
}
.pmd-tab.active{
  border-radius:0;
  margin-right:-1px;
  border-right-color:#fff;
}
.pmd-tab.active:before,
.pmd-tab.active:after{
  content:"";
  position:absolute;
  right:-1px;
  width:18px;
  height:18px;
  background:#f8fafc;
  pointer-events:none;
  display:block;
  z-index:6;
}
.pmd-tab.active:before{
  top:-18px;
  border-bottom-right-radius:18px;
  box-shadow:7px 7px 0 6px #fff;
}
.pmd-tab.active:after{
  bottom:-18px;
  top:auto;
  border-top-right-radius:18px;
  box-shadow:7px -7px 0 6px #fff;
  border:0;
  transform:none;
}
@media(max-width:760px){
  .pmd-tab,.pmd-tab.active{border-radius:0;}
  .pmd-tab.active:before,.pmd-tab.active:after{display:none;}
}

/* PM Designer v1.6 - browser-safe straight tab edge, no hover spacing */
.pmd-body{
  grid-template-columns:112px 318px minmax(420px,1fr) 300px;
}
.pmd-sidebar{
  padding:14px 0;
  background:#f1f5f9;
  border-right:0;
  box-shadow:none;
  gap:4px;
  overflow:visible;
  z-index:3;
}
.pmd-tab,
.pmd-tab:hover,
.pmd-tab.active{
  position:relative;
  width:calc(100% + 1px);
  height:70px;
  min-height:70px;
  margin:0;
  padding:8px 8px 8px 6px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid transparent;
  border-left:0;
  border-right:0;
  border-radius:0;
  box-shadow:none;
  transform:none;
  transition:background-color .12s ease,color .12s ease,border-color .12s ease;
}
.pmd-tab:hover{
  background:#e2e8f0;
  color:#0f172a;
}
.pmd-tab.active{
  background:#fff;
  color:#0f172a;
  border-top-color:#e2e8f0;
  border-bottom-color:#e2e8f0;
  border-right-color:#fff;
  z-index:5;
}
.pmd-tab.active:before,
.pmd-tab.active:after{
  content:none !important;
  display:none !important;
  box-shadow:none !important;
  border:0 !important;
}
.pmd-tab-icon{
  flex:0 0 auto;
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
  font-size:20px;
  font-weight:900;
  display:block;
  line-height:1;
}
.pmd-tab.active .pmd-tab-icon{
  background:transparent;
  border:0;
  color:inherit;
}
.pmd-tab span:last-child{
  display:block;
  max-width:86px;
  white-space:normal;
  overflow:hidden;
  text-overflow:clip;
  font-size:11px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:0;
  text-transform:none;
  text-align:center;
}
.pmd-panel-host{
  position:relative;
  background:#fff;
  border-left:1px solid #e2e8f0;
  border-right:1px solid #e5e7eb;
  border-radius:0;
  box-shadow:none;
  z-index:2;
}
.pmd-panel-host:before{
  content:"";
  position:absolute;
  left:-1px;
  top:0;
  bottom:0;
  width:1px;
  background:#fff;
  z-index:1;
}
@media(max-width:1100px){
  .pmd-body{grid-template-columns:104px 280px 1fr;}
  .pmd-tab,.pmd-tab:hover,.pmd-tab.active{height:68px;min-height:68px;padding:7px 6px;}
  .pmd-tab span:last-child{font-size:10px;max-width:78px;}
  .pmd-tab-icon{font-size:18px;}
}
@media(max-width:760px){
  .pmd-body{grid-template-columns:82px 1fr;}
  .pmd-sidebar{padding:12px 0;}
  .pmd-tab,.pmd-tab:hover,.pmd-tab.active{height:64px;min-height:64px;width:calc(100% + 1px);padding:6px 4px;border-radius:0;}
  .pmd-tab span:last-child{font-size:10px;max-width:66px;}
  .pmd-tab-icon{font-size:18px;}
}

/* PM Designer v1.7 - remove active/hover seam between vertical tabs */
.pmd-sidebar{
  gap:0;
  row-gap:0;
  padding:14px 0;
  background:#f1f5f9;
}
.pmd-tab,
.pmd-tab:hover,
.pmd-tab.active{
  margin:0;
  top:auto;
  bottom:auto;
  transform:none;
  border-top-color:transparent;
  border-bottom-color:transparent;
  outline:0;
  box-shadow:none;
  background-clip:border-box;
}
.pmd-tab:hover{
  background:#e2e8f0;
  color:#0f172a;
}
.pmd-tab.active,
.pmd-tab.active:hover{
  background:#fff;
  color:#0f172a;
  border-top-color:transparent;
  border-bottom-color:transparent;
  border-right-color:#fff;
  z-index:6;
}
.pmd-tab.active + .pmd-tab:hover,
.pmd-tab:hover + .pmd-tab.active{
  margin-top:0;
}

/* PM Designer v1.8 - narrow tabs, no top label, no background tab workflow */
.pmd-body{grid-template-columns:82px 318px minmax(420px,1fr) 300px;}
.pmd-sidebar{width:82px;min-width:82px;padding:0;gap:0;row-gap:0;background:#f1f5f9;border-right:0;box-shadow:none;overflow:visible;}
.pmd-sidebar:before{content:none !important;display:none !important;}
.pmd-tab,.pmd-tab:hover,.pmd-tab.active,.pmd-tab.active:hover{width:82px;height:62px;min-height:62px;margin:0;padding:6px 4px;border-radius:0;border-left:0;border-right:0;box-shadow:none;transform:none;}
.pmd-tab:hover{background:#e2e8f0;color:#0f172a;}
.pmd-tab.active,.pmd-tab.active:hover{background:#fff;color:#0f172a;border-top-color:transparent;border-bottom-color:transparent;border-right-color:#fff;}
.pmd-tab-icon{font-size:18px;line-height:1;}
.pmd-tab span:last-child{max-width:68px;font-size:10px;line-height:1.1;font-weight:800;}
@media(max-width:1100px){.pmd-body{grid-template-columns:78px 280px 1fr;}.pmd-sidebar{width:78px;min-width:78px;}.pmd-tab,.pmd-tab:hover,.pmd-tab.active,.pmd-tab.active:hover{width:78px;height:60px;min-height:60px;}.pmd-tab span:last-child{max-width:64px;font-size:10px;}.pmd-tab-icon{font-size:17px;}}
@media(max-width:760px){.pmd-body{grid-template-columns:72px 1fr;}.pmd-sidebar{width:72px;min-width:72px;padding:0;}.pmd-tab,.pmd-tab:hover,.pmd-tab.active,.pmd-tab.active:hover{width:72px;height:58px;min-height:58px;padding:5px 3px;}.pmd-tab span:last-child{max-width:60px;font-size:9px;}.pmd-tab-icon{font-size:16px;}}


/* PM Designer v1.9 - custom SVG icon pack integration */
.pmd-icon,.pmd-tab-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor;}
.pmd-icon svg,.pmd-tab-icon svg{width:18px;height:18px;display:block;stroke:currentColor;fill:none;}
.pmd-tab-icon svg{width:21px;height:21px;stroke-width:1.75;}
.pmd-button,.pmd-tool-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.pmd-tool-grid .pmd-tool-button{flex-direction:column;gap:7px;min-height:74px;}
.pmd-tool-button .pmd-icon svg{width:20px;height:20px;stroke-width:1.75;}
.pmd-button .pmd-icon svg{width:16px;height:16px;stroke-width:1.75;}
.pmd-tab-icon{font-size:0;line-height:1;}
.pmd-tab span:last-child{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}


/* PM Designer v3.0 - production icon system */
.pmd-tab-icon svg{width:20px !important;height:20px !important;stroke-width:2 !important;vector-effect:non-scaling-stroke;}
.pmd-icon svg{width:24px;height:24px;stroke-width:1.75;vector-effect:non-scaling-stroke;}
.pmd-button .pmd-icon svg{width:17px;height:17px;stroke-width:1.85;}
.pmd-tool-button .pmd-icon svg{width:24px;height:24px;stroke-width:1.75;}
.pmd-tab{color:#64748b;}
.pmd-tab .pmd-tab-icon{opacity:.68;transform:none;transition:opacity .12s ease,color .12s ease;}
.pmd-tab:hover .pmd-tab-icon{opacity:.9;}
.pmd-tab.active .pmd-tab-icon,.pmd-tab.active:hover .pmd-tab-icon{opacity:1;color:#0f172a;}
.pmd-tab span:last-child{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em;}
.pmd-tool-button .pmd-icon,.pmd-button .pmd-icon{flex:0 0 auto;opacity:.88;}
.pmd-tool-button:hover .pmd-icon,.pmd-button:hover .pmd-icon{opacity:1;}
@media(max-width:760px){.pmd-tab-icon svg{width:18px !important;height:18px !important;}.pmd-tab span:last-child{font-size:9px;}}


/* PM Designer v3.1: settings icon pinned to bottom of tab bar */
.pmd-sidebar{display:flex !important;flex-direction:column !important;width:72px !important;min-width:72px !important;padding:0 !important;gap:0 !important;overflow:visible !important;}
.pmd-sidebar-spacer{flex:1 1 auto !important;min-height:12px !important;}
.pmd-settings-button,.pmd-settings-button:hover,.pmd-settings-button.active,.pmd-settings-button.active:hover{width:72px !important;height:58px !important;min-height:58px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;transform:none !important;background:transparent;color:#475569;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer;}
.pmd-settings-button:hover{background:#e2e8f0 !important;color:#0f172a !important;}
.pmd-settings-button.active,.pmd-settings-button.active:hover{background:#fff !important;color:#0f172a !important;}
.pmd-settings-button .pmd-tab-icon{width:auto !important;height:auto !important;border:0 !important;background:transparent !important;color:inherit !important;line-height:1 !important;display:flex !important;}
.pmd-settings-button .pmd-tab-icon svg{width:22px !important;height:22px !important;}
.pmd-tab .pmd-tab-icon svg{width:20px !important;height:20px !important;}

/* PM Designer v3.2: tight tab rail and ChatGPT-style settings gear */
.pmd-body{grid-template-columns:72px 318px minmax(420px,1fr) 300px !important;}
.pmd-sidebar{width:72px !important;min-width:72px !important;max-width:72px !important;padding:0 !important;border-right:0 !important;box-shadow:none !important;background:#f1f5f9 !important;}
.pmd-tab,.pmd-tab:hover,.pmd-tab.active,.pmd-tab.active:hover{width:72px !important;min-width:72px !important;max-width:72px !important;margin:0 !important;padding:5px 3px !important;border-left:0 !important;border-right:0 !important;box-shadow:none !important;transform:none !important;}
.pmd-panel-host{border-left:0 !important;}
.pmd-panel-host:before{content:none !important;display:none !important;}
.pmd-settings-button,.pmd-settings-button:hover,.pmd-settings-button.active,.pmd-settings-button.active:hover{width:72px !important;min-width:72px !important;max-width:72px !important;}
.pmd-settings-button .pmd-tab-icon svg{width:21px !important;height:21px !important;stroke-width:2 !important;}
@media(max-width:1100px){.pmd-body{grid-template-columns:72px 280px 1fr !important;}.pmd-sidebar,.pmd-tab,.pmd-tab:hover,.pmd-tab.active,.pmd-tab.active:hover,.pmd-settings-button,.pmd-settings-button:hover,.pmd-settings-button.active,.pmd-settings-button.active:hover{width:72px !important;min-width:72px !important;max-width:72px !important;}}
@media(max-width:760px){.pmd-body{grid-template-columns:68px 1fr !important;}.pmd-sidebar,.pmd-tab,.pmd-tab:hover,.pmd-tab.active,.pmd-tab.active:hover,.pmd-settings-button,.pmd-settings-button:hover,.pmd-settings-button.active,.pmd-settings-button.active:hover{width:68px !important;min-width:68px !important;max-width:68px !important;}.pmd-tab span:last-child{max-width:60px !important;}}

/* PM Designer v3.3 typography refinement: Inter, non-bold UI */
.pmd-shell,
.pmd-shell button,
.pmd-shell input,
.pmd-shell select,
.pmd-shell textarea {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 400;
}

.pmd-brand strong,
.pmd-safe-area strong,
.pmd-panel-host h2,
.pmd-right-panel h3,
.pmd-button,
.pmd-tool-button,
.pmd-field,
.pmd-tab,
.pmd-tab span:last-child,
.pmd-tab-icon,
.pmd-sidebar:before,
.pmd-layer,
.pmd-layer small,
.pmd-status {
  font-weight: 400 !important;
}

.pmd-panel-host h2,
.pmd-right-panel h3 {
  letter-spacing: 0;
}

.pmd-tab.active,
.pmd-tab:hover,
.pmd-tool-button:hover,
.pmd-button:hover {
  font-weight: 400 !important;
}
/* PM Designer v3.6 - sharper, lighter icon system */
.pmd-tab-icon svg{width:19px !important;height:19px !important;stroke-width:1.45 !important;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision;}
.pmd-icon svg{stroke-width:1.5 !important;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision;}
.pmd-tool-button .pmd-icon svg{width:23px !important;height:23px !important;stroke-width:1.5 !important;}
.pmd-button .pmd-icon svg{width:16px !important;height:16px !important;stroke-width:1.5 !important;}
.pmd-settings-button .pmd-tab-icon svg{width:20px !important;height:20px !important;stroke-width:1.45 !important;}
.pmd-tab .pmd-tab-icon{opacity:.78;}
.pmd-tab:hover .pmd-tab-icon{opacity:.92;}
.pmd-tab.active .pmd-tab-icon,.pmd-tab.active:hover .pmd-tab-icon{opacity:1;}


/* PM Designer v3.7 - real Fabric layer panel */
.pmd-layer-actions.compact{grid-template-columns:1fr;gap:8px;margin:12px 0 14px;}
.pmd-layer-list{gap:6px;}
.pmd-empty-state{font-size:13px;color:#64748b;margin:10px 0;}
.pmd-layer{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:48px;padding:7px 8px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#0f172a;box-shadow:none;}
.pmd-layer:hover{border-color:#cbd5e1;background:#f8fafc;}
.pmd-layer.active{border-color:#0f172a;background:#f8fafc;box-shadow:inset 3px 0 0 #0f172a;}
.pmd-layer.is-hidden{opacity:.62;}
.pmd-layer-grip{font-size:12px;line-height:1;color:#94a3b8;letter-spacing:-4px;user-select:none;}
.pmd-layer-main{min-width:0;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px;}
.pmd-layer-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;}
.pmd-layer-main small{font-size:11px;color:#64748b;font-weight:400;}
.pmd-layer-controls{display:flex;align-items:center;gap:3px;}
.pmd-mini-button{width:26px;height:26px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.pmd-mini-button:hover{background:#e2e8f0;color:#0f172a;border-color:#cbd5e1;}
.pmd-mini-button.danger:hover{background:#fee2e2;color:#991b1b;border-color:#fecaca;}
.pmd-mini-button .pmd-icon{width:15px;height:15px;display:flex;align-items:center;justify-content:center;}
.pmd-mini-button .pmd-icon svg{width:15px !important;height:15px !important;stroke-width:1.45 !important;}
.pmd-layer.is-locked .pmd-layer-main{cursor:default;}
.pmd-layer.is-locked .pmd-layer-name:after{content:' locked';font-size:10px;color:#64748b;margin-left:4px;}
@media(max-width:760px){.pmd-layer{grid-template-columns:12px minmax(0,1fr);}.pmd-layer-controls{grid-column:2;justify-content:flex-start;margin-top:4px;}}

/* v3.8 layer multi-select + grouping */
.pmd-selection-summary{font-size:12px;color:#64748b;margin:0 0 10px;min-height:16px;}
.pmd-layer.multi-active{background:#f1f5f9;border-color:#94a3b8;}
.pmd-layer.multi-active .pmd-layer-name:before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-right:6px;border-radius:4px;background:#0f172a;color:#fff;font-size:10px;vertical-align:1px;}
.pmd-layer-actions.compact{grid-template-columns:1fr 1fr;}
.pmd-layer-actions.compact .pmd-tool-button{min-height:36px;font-weight:400;}
.pmd-mini-arrow{font-size:14px;line-height:1;font-weight:400;display:block;transform:translateY(-1px);}

/* PM Designer v4.0 - canvas edge + transparent workspace patch */
.pmd-workspace{
  background: transparent !important;
}
.pmd-artboard,
.pmd-artboard canvas,
.pmd-artboard .canvas-container,
.pmd-artboard .upper-canvas,
.pmd-artboard .lower-canvas{
  border-radius: 0 !important;
}
.pmd-artboard{
  overflow: visible !important;
}

/* PM Designer v4.1 - layer arrow glyph + canvas transparency correction */
.pmd-workspace{
  background: transparent !important;
}
.pmd-artboard{
  background: #ffffff !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
.pmd-artboard .canvas-container{
  background: #ffffff !important;
  border-radius: 0 !important;
}
.pmd-artboard canvas,
.pmd-artboard .upper-canvas,
.pmd-artboard .lower-canvas{
  border-radius: 0 !important;
}
.pmd-mini-arrow{
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
}


/* PM Designer v4.4 - visible overflow with opacity veil + real layer drag cues */
.pmd-workspace{background:transparent !important;overflow:auto !important;}
.pmd-artboard-wrap{width:min(920px,96%) !important;}
.pmd-artboard{background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;overflow:visible !important;padding:0 !important;}
.pmd-artboard canvas,.pmd-artboard .canvas-container,.pmd-artboard .upper-canvas,.pmd-artboard .lower-canvas{border-radius:0 !important;max-width:none !important;max-height:none !important;}
.pmd-layer[draggable="true"]{cursor:grab;}
.pmd-layer[draggable="true"]:active{cursor:grabbing;}
.pmd-layer.drag-over{border-top-color:#0f172a !important;box-shadow:inset 0 2px 0 #0f172a;}

/* PM Designer v4.5 - production text system controls */
.pmd-text-presets{grid-template-columns:1fr 1fr;}
.pmd-prop-section{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:16px 0 8px;padding-top:12px;border-top:1px solid #e5e7eb;color:#0f172a;}
.pmd-prop-section b{font-weight:400;font-size:13px;}
.pmd-prop-section small{font-size:11px;color:#64748b;}
.pmd-field textarea,
.pmd-field select{
  width:100%;
  border:1px solid #cbd5e1;
  border-radius:10px;
  background:#fff;
  color:#111827;
  font:400 13px/1.45 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.pmd-field textarea{min-height:82px;padding:9px 10px;resize:vertical;}
.pmd-field select{height:38px;padding:0 10px;}
.pmd-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
.pmd-segment{
  min-height:32px;
  border:1px solid #cbd5e1;
  border-radius:9px;
  background:#fff;
  color:#334155;
  cursor:pointer;
  font:400 12px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.pmd-segment:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a;}
.pmd-segment.active{background:#0f172a;border-color:#0f172a;color:#fff;}

/* PM Designer v4.7 - smoother sliders + black artboard outline */
.pmd-field input[type=range]{accent-color:#0f172a;touch-action:pan-x;}
.pmd-artboard .canvas-container{outline:0 !important;}

/* PM Designer v4.9 - units, grid, safe/bleed helper controls */
.pmd-precision-card{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.pmd-precision-card b{
  font-weight:400;
}
.pmd-check-row{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:28px;
  font-size:13px;
  color:#334155;
  cursor:pointer;
}
.pmd-check-row input{
  width:15px;
  height:15px;
  accent-color:#0f172a;
}
.pmd-unit-note{
  display:block;
  margin-top:2px;
  color:#64748b;
  font-size:11px;
  line-height:1.45;
}
.pmd-artboard .canvas-container{
  outline:0 !important;
}

/* PM Designer v5.0 - rulers */
.pmd-ruler-stage{
  display:grid;
  grid-template-columns:26px auto;
  grid-template-rows:26px auto;
  align-items:start;
  justify-content:center;
  gap:0;
  width:max-content;
  max-width:100%;
  margin:auto;
}
.pmd-ruler-corner{
  grid-column:1;
  grid-row:1;
  width:26px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f8fafc;
  border-right:1px solid #d7dde7;
  border-bottom:1px solid #d7dde7;
  color:#64748b;
  font:400 9px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow:hidden;
}
.pmd-ruler-top{
  grid-column:2;
  grid-row:1;
  position:relative;
  height:26px;
  min-width:1px;
  background:#f8fafc;
  border-bottom:1px solid #d7dde7;
  overflow:hidden;
}
.pmd-ruler-left{
  grid-column:1;
  grid-row:2;
  position:relative;
  width:26px;
  min-height:1px;
  background:#f8fafc;
  border-right:1px solid #d7dde7;
  overflow:hidden;
}
.pmd-ruler-stage .pmd-artboard{
  grid-column:2;
  grid-row:2;
  position:relative;
}
.pmd-ruler-tick{
  position:absolute;
  display:block;
  color:#64748b;
}
.pmd-ruler-top .pmd-ruler-tick{
  bottom:0;
  width:1px;
  height:6px;
  background:#94a3b8;
}
.pmd-ruler-top .pmd-ruler-tick.major{
  height:11px;
  background:#475569;
}
.pmd-ruler-left .pmd-ruler-tick{
  right:0;
  width:6px;
  height:1px;
  background:#94a3b8;
}
.pmd-ruler-left .pmd-ruler-tick.major{
  width:11px;
  background:#475569;
}
.pmd-ruler-tick b{
  position:absolute;
  font:400 9px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#64748b;
  white-space:nowrap;
  pointer-events:none;
}
.pmd-ruler-top .pmd-ruler-tick b{
  left:3px;
  top:3px;
}
.pmd-ruler-left .pmd-ruler-tick b{
  left:2px;
  top:0;
  transform:none !important;
  transform-origin:center center !important;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
}
.pmd-ruler-cursor{
  position:absolute;
  z-index:12;
  display:none;
  pointer-events:none;
  background:rgba(15,23,42,.55);
}
.pmd-ruler-cursor-x{
  top:0;
  bottom:0;
  width:1px;
}
.pmd-ruler-cursor-y{
  left:0;
  right:0;
  height:1px;
}

/* PM Designer v5.2 - page sizing + zoom correction */
.pmd-workspace{
  align-items:flex-start !important;
  justify-content:flex-start !important;
  padding:36px !important;
}
.pmd-artboard-wrap{
  width:max-content !important;
  max-width:none !important;
  margin:auto !important;
}
.pmd-ruler-stage{
  width:max-content !important;
  max-width:none !important;
}
.pmd-ruler-stage .pmd-artboard{
  width:auto;
  height:auto;
  min-width:1px;
  min-height:1px;
}
.pmd-page-readout{
  margin-left:8px;
  padding-left:10px;
  border-left:1px solid #e5e7eb;
  color:#64748b;
  font:400 12px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  white-space:nowrap;
}
.pmd-zoom-controls{
  display:inline-flex;
  align-items:center;
  height:34px;
  border:1px solid #d1d5db;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}
.pmd-zoom-button,
.pmd-zoom-value{
  height:34px;
  border:0;
  background:#fff;
  color:#111827;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font:400 12px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.pmd-zoom-button{width:34px;padding:0;}
.pmd-zoom-button .pmd-icon svg{width:16px;height:16px;stroke-width:1.5;}
.pmd-zoom-value{min-width:52px;padding:0 10px;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;}
.pmd-zoom-button:hover,
.pmd-zoom-value:hover{background:#f8fafc;}

/* PM Designer v5.3 - sticky viewport rulers */
.pmd-workspace{
  position:relative !important;
  overflow:auto !important;
}
.pmd-ruler-stage{
  position:relative !important;
}
.pmd-ruler-corner{
  position:sticky !important;
  top:0 !important;
  left:0 !important;
  z-index:40 !important;
}
.pmd-ruler-top{
  position:sticky !important;
  top:0 !important;
  z-index:30 !important;
}
.pmd-ruler-left{
  position:sticky !important;
  left:0 !important;
  z-index:30 !important;
}
.pmd-ruler-top,
.pmd-ruler-left,
.pmd-ruler-corner{
  background:#f8fafc !important;
}
.pmd-ruler-stage .pmd-artboard{
  z-index:1;
}

/* PM Designer v5.4 - viewport-attached rulers */
.pmd-workspace{position:relative !important;overflow:hidden !important;padding:0 !important;align-items:stretch !important;justify-content:stretch !important;}
.pmd-workspace-scroll{position:absolute;inset:0;overflow:auto;padding:62px 36px 36px 62px;display:flex;align-items:flex-start;justify-content:flex-start;}
.pmd-artboard-wrap{margin:auto !important;}
.pmd-ruler-stage{display:block !important;position:relative !important;width:max-content !important;max-width:none !important;margin:0 !important;}
.pmd-ruler-corner{position:absolute !important;top:0 !important;left:0 !important;width:26px !important;height:26px !important;z-index:70 !important;background:#f8fafc !important;border-right:1px solid #d7dde7 !important;border-bottom:1px solid #d7dde7 !important;}
.pmd-ruler-top{position:absolute !important;top:0 !important;left:26px !important;right:0 !important;width:auto !important;height:26px !important;z-index:60 !important;background:#f8fafc !important;border-bottom:1px solid #d7dde7 !important;overflow:hidden !important;}
.pmd-ruler-left{position:absolute !important;top:26px !important;left:0 !important;bottom:0 !important;width:26px !important;height:auto !important;z-index:60 !important;background:#f8fafc !important;border-right:1px solid #d7dde7 !important;overflow:hidden !important;}
.pmd-ruler-top,.pmd-ruler-left,.pmd-ruler-corner{flex:none !important;}
.pmd-ruler-stage .pmd-artboard{position:relative !important;}

/* PM Designer v5.5 - JS canvas ruler architecture reset */
.pmd-workspace{
  position:relative !important;
  overflow:hidden !important;
  padding:0 !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  background:#f3f5f8 !important;
}
.pmd-workspace-scroll{
  position:absolute !important;
  inset:0 !important;
  overflow:auto !important;
  padding:72px 48px 48px 72px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
}
.pmd-ruler-top,
.pmd-ruler-left{
  display:block;
  position:absolute !important;
  background:#f8fafc !important;
  z-index:120 !important;
  pointer-events:none !important;
}
.pmd-ruler-top{
  top:0 !important;
  left:28px !important;
  height:28px !important;
  width:calc(100% - 28px) !important;
  border-bottom:1px solid #d7dde7 !important;
}
.pmd-ruler-left{
  top:28px !important;
  left:0 !important;
  width:28px !important;
  height:calc(100% - 28px) !important;
  border-right:1px solid #d7dde7 !important;
}
.pmd-ruler-corner{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:28px !important;
  height:28px !important;
  z-index:130 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f8fafc !important;
  border-right:1px solid #d7dde7 !important;
  border-bottom:1px solid #d7dde7 !important;
  cursor:grab !important;
  user-select:none !important;
  color:#ef4444 !important;
  font-size:10px !important;
}
.pmd-ruler-corner:active{cursor:grabbing !important;}
.pmd-origin-cross{font-size:10px;line-height:1;color:#ef4444;}
.pmd-artboard-wrap{
  width:max-content !important;
  max-width:none !important;
  margin:auto !important;
}
.pmd-ruler-stage{
  display:block !important;
  position:relative !important;
  width:max-content !important;
  max-width:none !important;
  margin:0 !important;
}
.pmd-ruler-stage .pmd-artboard{
  position:relative !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
.pmd-ruler-stage .pmd-artboard canvas,
.pmd-ruler-stage .pmd-artboard .canvas-container,
.pmd-ruler-stage .pmd-artboard .upper-canvas,
.pmd-ruler-stage .pmd-artboard .lower-canvas{
  border-radius:0 !important;
  max-width:none !important;
  max-height:none !important;
}
.pmd-ruler-cursor{position:absolute;pointer-events:none;z-index:90;display:none;background:rgba(239,68,68,.7);}
.pmd-ruler-cursor-x{top:0;bottom:0;width:1px;}
.pmd-ruler-cursor-y{left:0;right:0;height:1px;}
.pmd-origin-controls{margin:14px 0;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:10px;font-size:13px;color:#334155;}
.pmd-origin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.pmd-origin-button{height:32px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;font:400 12px Inter,system-ui,sans-serif;cursor:pointer;}
.pmd-origin-button.active{border-color:#111827;color:#111827;background:#f8fafc;box-shadow:inset 0 0 0 1px #111827;}


/* PM Designer v5.6 - canvas/artboard architecture reset */
.pmd-workspace{position:relative !important;display:block !important;overflow:hidden !important;padding:0 !important;background:#f3f5f8 !important;}
.pmd-canvas-viewport,.pmd-workspace-scroll{position:absolute !important;inset:0 !important;overflow:auto !important;padding:72px 48px 48px 72px !important;display:flex !important;align-items:flex-start !important;justify-content:flex-start !important;background:#f3f5f8 !important;}
.pmd-canvas-stage-wrap,.pmd-artboard-wrap{width:max-content !important;max-width:none !important;min-width:max-content !important;margin:auto !important;}
.pmd-canvas-stage,.pmd-ruler-stage{position:relative !important;display:block !important;width:max-content !important;height:max-content !important;max-width:none !important;max-height:none !important;margin:0 !important;padding:0 !important;}
.pmd-canvas-surface,.pmd-ruler-stage .pmd-artboard,.pmd-artboard{position:relative !important;display:block !important;overflow:visible !important;background:transparent !important;border:0 !important;outline:0 !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;flex:none !important;}
.pmd-canvas-surface .canvas-container,.pmd-canvas-surface canvas,.pmd-canvas-surface .upper-canvas,.pmd-canvas-surface .lower-canvas,.pmd-artboard .canvas-container,.pmd-artboard canvas,.pmd-artboard .upper-canvas,.pmd-artboard .lower-canvas{display:block !important;position:absolute !important;inset:0 auto auto 0 !important;max-width:none !important;max-height:none !important;border-radius:0 !important;outline:0 !important;background:transparent !important;}
.pmd-canvas-surface .canvas-container,.pmd-artboard .canvas-container{margin:0 !important;overflow:visible !important;}
.pmd-ruler-top,.pmd-ruler-left{position:absolute !important;z-index:120 !important;pointer-events:none !important;}
.pmd-ruler-corner{position:absolute !important;z-index:130 !important;}

/* PM Designer Cursor System v1 */
.pmd-shell{--pmd-cursor:default;}
.pmd-shell .pmd-workspace,
.pmd-shell .pmd-canvas-viewport,
.pmd-shell .pmd-canvas-stage,
.pmd-shell .pmd-canvas-surface,
.pmd-shell .upper-canvas{cursor:var(--pmd-cursor, default);}
.pmd-cursor-select{--pmd-cursor:default;}
.pmd-cursor-move{--pmd-cursor:move;}
.pmd-cursor-drag{--pmd-cursor:grabbing;}
.pmd-cursor-text,.pmd-cursor-edit{--pmd-cursor:text;}
.pmd-cursor-pan{--pmd-cursor:grab;}
.pmd-cursor-panning{--pmd-cursor:grabbing;}
.pmd-cursor-guide{--pmd-cursor:default;}
.pmd-cursor-ruler{--pmd-cursor:grab;}
.pmd-cursor-disabled{--pmd-cursor:not-allowed;}
.pmd-tab,.pmd-settings-button,.pmd-button,.pmd-tool-button,.pmd-mini-button,.pmd-segment,.pmd-zoom-button,.pmd-zoom-value{cursor:pointer;}
.pmd-field input,.pmd-field textarea,.pmd-field select{cursor:auto;}
.pmd-field input[type="range"],.pmd-field input[type="color"]{cursor:pointer;}
.pmd-layer[draggable="true"],.pmd-layer-grip{cursor:grab;}
.pmd-layer.drag-over,.pmd-layer[draggable="true"]:active,.pmd-layer-grip:active{cursor:grabbing;}

/* PM Designer v6.0 - cursor/ruler visual reset */
.pmd-ruler-cursor,#pmd-ruler-cursor-x,#pmd-ruler-cursor-y{display:none !important;visibility:hidden !important;opacity:0 !important;}


/* PM Designer v6.1 - Canvas + Stage + Artboard Architecture Cleanup
   DOM is now viewport -> stage wrapper -> stage -> stage surface -> Fabric canvas.
   The visible artboard is only the Fabric helper background/outline, not a DOM box. */
.pmd-workspace{
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
  padding:0 !important;
  background:#f3f5f8 !important;
}
.pmd-canvas-viewport,
.pmd-workspace-scroll{
  position:absolute !important;
  inset:0 !important;
  overflow:auto !important;
  padding:72px 48px 48px 72px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  background:#f3f5f8 !important;
}
.pmd-canvas-stage-wrap{
  width:max-content !important;
  max-width:none !important;
  min-width:max-content !important;
  height:max-content !important;
  max-height:none !important;
  min-height:max-content !important;
  margin:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
.pmd-canvas-stage{
  position:relative !important;
  display:block !important;
  width:max-content !important;
  height:max-content !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
.pmd-canvas-surface,
.pmd-stage-surface{
  position:relative !important;
  display:block !important;
  overflow:visible !important;
  flex:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.pmd-canvas-surface::before,
.pmd-canvas-surface::after,
.pmd-stage-surface::before,
.pmd-stage-surface::after{
  content:none !important;
  display:none !important;
}
.pmd-canvas-surface .canvas-container,
.pmd-canvas-surface canvas,
.pmd-canvas-surface .upper-canvas,
.pmd-canvas-surface .lower-canvas,
.pmd-stage-surface .canvas-container,
.pmd-stage-surface canvas,
.pmd-stage-surface .upper-canvas,
.pmd-stage-surface .lower-canvas{
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  max-height:none !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.pmd-canvas-surface .canvas-container,
.pmd-stage-surface .canvas-container{
  overflow:visible !important;
  transform:none !important;
}
.pmd-canvas-surface canvas,
.pmd-stage-surface canvas{
  image-rendering:auto;
}
.pmd-ruler-top,
.pmd-ruler-left{
  position:absolute !important;
  z-index:120 !important;
  pointer-events:none !important;
}
.pmd-ruler-corner{
  position:absolute !important;
  z-index:130 !important;
  pointer-events:auto !important;
}
.pmd-shell .pmd-workspace,
.pmd-shell .pmd-canvas-viewport,
.pmd-shell .pmd-canvas-stage,
.pmd-shell .pmd-canvas-surface,
.pmd-shell .pmd-stage-surface,
.pmd-shell .upper-canvas{
  cursor:var(--pmd-cursor, default) !important;
}
.pmd-cursor-select .pmd-canvas-surface,
.pmd-cursor-select .upper-canvas{cursor:default !important;}

/* PM Designer v6.2 - Universal Canvas Measurement System
   The DOM is now only the editor viewport. Fabric holds the document world.
   Artboard top-left is document coordinate 0,0. Rulers read Fabric viewportTransform. */
.pmd-workspace{
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
  padding:0 !important;
  background:#f3f5f8 !important;
}
.pmd-canvas-viewport,
.pmd-workspace-scroll{
  position:absolute !important;
  top:28px !important;
  left:28px !important;
  right:0 !important;
  bottom:0 !important;
  inset:28px 0 0 28px !important;
  overflow:hidden !important;
  padding:0 !important;
  display:block !important;
  background:#f3f5f8 !important;
}
#pmd-fabric-canvas,
.pmd-canvas-viewport .canvas-container,
.pmd-canvas-viewport .upper-canvas,
.pmd-canvas-viewport .lower-canvas{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  max-width:none !important;
  max-height:none !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.pmd-canvas-viewport .canvas-container{
  overflow:hidden !important;
  transform:none !important;
}
.pmd-ruler-corner{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:28px !important;
  height:28px !important;
  z-index:130 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#f8fafc !important;
  border-right:1px solid #d7dde7 !important;
  border-bottom:1px solid #d7dde7 !important;
  color:#64748b !important;
  font-size:10px !important;
  cursor:grab !important;
}
.pmd-ruler-top{
  position:absolute !important;
  top:0 !important;
  left:28px !important;
  right:0 !important;
  width:auto !important;
  height:28px !important;
  z-index:120 !important;
  pointer-events:none !important;
  background:#f8fafc !important;
  border-bottom:1px solid #d7dde7 !important;
}
.pmd-ruler-left{
  position:absolute !important;
  top:28px !important;
  left:0 !important;
  bottom:0 !important;
  width:28px !important;
  height:auto !important;
  z-index:120 !important;
  pointer-events:none !important;
  background:#f8fafc !important;
  border-right:1px solid #d7dde7 !important;
}
.pmd-canvas-stage-wrap,
.pmd-canvas-stage,
.pmd-canvas-surface,
.pmd-stage-surface{
  display:contents !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.pmd-shell .pmd-workspace,
.pmd-shell .pmd-canvas-viewport,
.pmd-shell .upper-canvas{
  cursor:var(--pmd-cursor, default) !important;
}
.pmd-measure-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
.pmd-measure-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-size:12px;}
.pmd-measure-row span{color:#64748b;font-weight:700;}
.pmd-measure-row strong{font-weight:700;color:#111827;}


/* PM Designer v6.2.1 - Scrollable viewport + spacebar hand pan fix
   The viewport owns native scrolling. The Fabric document remains measured in px/mm. */
.pmd-canvas-viewport,
.pmd-workspace-scroll{
  overflow:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:auto !important;
  cursor:var(--pmd-cursor, default) !important;
}
.pmd-canvas-viewport .canvas-container{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  display:block !important;
  overflow:hidden !important;
  margin:0 !important;
  flex:none !important;
}
#pmd-fabric-canvas,
.pmd-canvas-viewport .upper-canvas,
.pmd-canvas-viewport .lower-canvas{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  max-width:none !important;
  max-height:none !important;
}
.pmd-space-pan .pmd-canvas-viewport,
.pmd-space-pan .pmd-canvas-viewport .upper-canvas,
.pmd-space-pan .pmd-canvas-viewport .lower-canvas{cursor:grab !important;}
.pmd-space-panning .pmd-canvas-viewport,
.pmd-space-panning .pmd-canvas-viewport .upper-canvas,
.pmd-space-panning .pmd-canvas-viewport .lower-canvas{cursor:grabbing !important;}


/* PM Designer v6.2.2 - robust document-level spacebar pan */
.pmd-space-pan .pmd-canvas-viewport,
.pmd-space-pan .pmd-canvas-viewport .canvas-container,
.pmd-space-pan .pmd-canvas-viewport .upper-canvas,
.pmd-space-pan .pmd-canvas-viewport .lower-canvas{
  cursor:grab !important;
}
.pmd-space-panning .pmd-canvas-viewport,
.pmd-space-panning .pmd-canvas-viewport .canvas-container,
.pmd-space-panning .pmd-canvas-viewport .upper-canvas,
.pmd-space-panning .pmd-canvas-viewport .lower-canvas,
.pmd-space-panning *{
  cursor:grabbing !important;
  user-select:none !important;
}
.pmd-space-pan .pmd-canvas-viewport .upper-canvas,
.pmd-space-pan .pmd-canvas-viewport .lower-canvas{
  pointer-events:none !important;
}


/* PM Designer v6.2.9 - movable ruler guides + guide lock */
.pmd-origin-controls{margin-top:12px;}
.pmd-origin-button.active{box-shadow:0 0 0 2px rgba(220,38,38,.16);border-color:#dc2626;color:#991b1b;}

/* PM Designer v6.2.5 - ruler full-scale scrollbar cap fix
   Rulers keep the full measurement scale. Canvas draw size is set from the
   actual viewport offset size; ticks are clipped only from the scrollbar cap. */
.pmd-workspace{--pmd-ruler-size:28px;--pmd-scrollbar-v:0px;--pmd-scrollbar-h:0px;}
.pmd-ruler-top{
  position:absolute !important;
  top:0 !important;
  left:var(--pmd-ruler-size,28px) !important;
  right:auto !important;
  height:var(--pmd-ruler-size,28px) !important;
  width:auto !important;
  max-width:none !important;
  overflow:hidden !important;
  display:block !important;
}
.pmd-ruler-left{
  position:absolute !important;
  top:var(--pmd-ruler-size,28px) !important;
  left:0 !important;
  bottom:auto !important;
  width:var(--pmd-ruler-size,28px) !important;
  height:auto !important;
  max-height:none !important;
  overflow:hidden !important;
  display:block !important;
}
.pmd-canvas-viewport,.pmd-workspace-scroll{scrollbar-gutter:auto !important;}


/* PM Designer v6.2.9 - switched top/left ruler guide creation and clean origin drag */
.pmd-ruler-top,
.pmd-ruler-left{
  pointer-events:auto !important;
}
.pmd-ruler-top{cursor:crosshair !important;}
.pmd-ruler-left{cursor:crosshair !important;}
.pmd-ruler-corner{cursor:crosshair !important;}
.pmd-origin-cross{
  position:relative;
  width:14px;
  height:14px;
  display:block;
}
.pmd-origin-cross:before,
.pmd-origin-cross:after{
  content:"";
  position:absolute;
  background:#64748b;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.pmd-origin-cross:before{width:14px;height:1px;}
.pmd-origin-cross:after{width:1px;height:14px;}
.pmd-live-guide{
  position:absolute;
  display:none;
  pointer-events:none;
  z-index:126;
  background:rgba(14,165,233,.95);
  box-shadow:0 0 0 1px rgba(255,255,255,.55);
}
.pmd-live-guide-v{
  top:var(--pmd-ruler-size,28px);
  bottom:0;
  width:1px;
}
.pmd-live-guide-h{
  left:var(--pmd-ruler-size,28px);
  right:0;
  height:1px;
}
.pmd-ruler-dragging,
.pmd-ruler-dragging *{
  user-select:none !important;
}
.pmd-ruler-dragging .pmd-ruler-top,
.pmd-ruler-dragging .pmd-ruler-left,
.pmd-ruler-dragging .pmd-ruler-corner{
  cursor:crosshair !important;
}


/* PM Designer v6.3.0 - single ruler / guide / canvas sync reset
   The viewport is the only scroll owner. Rulers and guide drops align to the viewport client box. */
.pmd-workspace{
  --pmd-ruler-size:28px;
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
  padding:0 !important;
  background:#f3f5f8 !important;
}
.pmd-canvas-viewport,
.pmd-workspace-scroll{
  position:absolute !important;
  top:var(--pmd-ruler-size,28px) !important;
  left:var(--pmd-ruler-size,28px) !important;
  right:0 !important;
  bottom:0 !important;
  inset:var(--pmd-ruler-size,28px) 0 0 var(--pmd-ruler-size,28px) !important;
  overflow:auto !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  align-items:initial !important;
  justify-content:initial !important;
  background:#f3f5f8 !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:auto !important;
}
.pmd-canvas-viewport .canvas-container{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  overflow:hidden !important;
  flex:none !important;
  transform:none !important;
  max-width:none !important;
  max-height:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
#pmd-fabric-canvas,
.pmd-canvas-viewport .upper-canvas,
.pmd-canvas-viewport .lower-canvas{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  max-width:none !important;
  max-height:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
.pmd-ruler-corner{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:var(--pmd-ruler-size,28px) !important;
  height:var(--pmd-ruler-size,28px) !important;
  z-index:180 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#f8fafc !important;
  border-right:1px solid #d7dde7 !important;
  border-bottom:1px solid #d7dde7 !important;
  cursor:crosshair !important;
  touch-action:none !important;
}
.pmd-ruler-top{
  position:absolute !important;
  top:0 !important;
  left:var(--pmd-ruler-size,28px) !important;
  right:auto !important;
  width:auto !important;
  height:var(--pmd-ruler-size,28px) !important;
  z-index:170 !important;
  display:block !important;
  overflow:hidden !important;
  pointer-events:auto !important;
  cursor:crosshair !important;
  touch-action:none !important;
  background:#f8fafc !important;
  border-bottom:1px solid #d7dde7 !important;
}
.pmd-ruler-left{
  position:absolute !important;
  top:var(--pmd-ruler-size,28px) !important;
  left:0 !important;
  bottom:auto !important;
  width:var(--pmd-ruler-size,28px) !important;
  height:auto !important;
  z-index:170 !important;
  display:block !important;
  overflow:hidden !important;
  pointer-events:auto !important;
  cursor:crosshair !important;
  touch-action:none !important;
  background:#f8fafc !important;
  border-right:1px solid #d7dde7 !important;
}
.pmd-live-guide{
  position:absolute !important;
  display:none;
  pointer-events:none !important;
  z-index:175 !important;
  background:rgba(14,165,233,.95) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.65) !important;
}
.pmd-live-guide-v{top:var(--pmd-ruler-size,28px) !important;bottom:0 !important;width:1px !important;}
.pmd-live-guide-h{left:var(--pmd-ruler-size,28px) !important;right:0 !important;height:1px !important;}

/* PM Designer v6.3.1 - guide selection/ruler alignment polish */
.pmd-canvas-viewport .upper-canvas{cursor:default;}
.pmd-ruler-top,.pmd-ruler-left{user-select:none !important;}

/* PM Designer v6.3.4 - guides are movable by default; ruler alignment marker is temporary only */
.pmd-ruler-top,
.pmd-ruler-left{cursor:crosshair;}
.pmd-ruler-dragging .pmd-ruler-top,
.pmd-ruler-dragging .pmd-ruler-left{cursor:crosshair !important;}

/* PM Designer v6.3.4 - exact ruler/artboard alignment
   Rulers now use the canvas element's live viewport rectangle instead of assuming scrollLeft equals canvas local X. */


/* PM Designer v6.3.5 - professional View / Ruler Units menu */
.pmd-topbar{justify-content:flex-start;gap:14px;overflow:visible;z-index:80}
.pmd-brand{min-width:0;flex:0 1 auto}.pmd-actions{margin-left:auto}.pmd-unit-chip{height:22px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#334155;font-size:11px;font-weight:800}
.pmd-menu-bar{display:flex;align-items:center;gap:4px;position:relative;z-index:90;flex:0 0 auto}.pmd-menu{position:relative}.pmd-menu summary{list-style:none;cursor:pointer;height:34px;display:flex;align-items:center;padding:0 11px;border:1px solid transparent;border-radius:9px;color:#334155;font-size:12px;font-weight:800;user-select:none}.pmd-menu summary::-webkit-details-marker{display:none}.pmd-menu[open] summary,.pmd-menu summary:hover{background:#f1f5f9;border-color:#e2e8f0;color:#0f172a}.pmd-menu-pop{position:absolute;top:38px;left:0;min-width:230px;padding:6px;background:#fff;border:1px solid #dbe3ef;border-radius:12px;box-shadow:0 18px 45px rgba(15,23,42,.18);z-index:200}.pmd-menu-pop-units{min-width:210px}.pmd-menu-item{width:100%;height:32px;display:grid;grid-template-columns:22px 1fr;gap:6px;align-items:center;border:0;background:transparent;border-radius:8px;color:#1e293b;text-align:left;font-size:12px;font-weight:700;cursor:pointer}.pmd-menu-item:hover{background:#f1f5f9}.pmd-menu-item.is-active{color:#0f172a;background:#f8fafc}.pmd-menu-check{font-weight:900;text-align:center;color:#0284c7}.pmd-menu-separator{height:1px;background:#e2e8f0;margin:5px 4px}.pmd-full-button{width:100%;justify-content:center;margin-top:10px;color:#111827!important;background:#fff!important;border-color:#cbd5e1!important}
@media(max-width:900px){.pmd-menu-bar{order:3;width:100%;}.pmd-topbar{flex-wrap:wrap}.pmd-actions{margin-left:0}.pmd-menu-pop{left:auto;right:0}}

/* PM Designer v6.3.6 - Thin Professional Ruler Style
   Style-only ruler polish: thinner ruler bars, compact ticks, and non-rotated left ruler text. */
.pmd-workspace{
  --pmd-ruler-size:18px !important;
}
.pmd-ruler-corner{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  background:#f7f8fa !important;
  border-right:1px solid #cfd6df !important;
  border-bottom:1px solid #cfd6df !important;
}
.pmd-ruler-top{
  left:18px !important;
  height:18px !important;
  background:#f7f8fa !important;
  border-bottom:1px solid #cfd6df !important;
}
.pmd-ruler-left{
  top:18px !important;
  width:18px !important;
  background:#f7f8fa !important;
  border-right:1px solid #cfd6df !important;
}
.pmd-canvas-viewport,
.pmd-workspace-scroll{
  top:18px !important;
  left:18px !important;
  inset:18px 0 0 18px !important;
}
.pmd-origin-cross{
  width:10px !important;
  height:10px !important;
}
.pmd-origin-cross:before{width:10px !important;height:1px !important;}
.pmd-origin-cross:after{width:1px !important;height:10px !important;}
.pmd-live-guide-v{top:18px !important;}
.pmd-live-guide-h{left:18px !important;}
.pmd-ruler-top,
.pmd-ruler-left{
  image-rendering:auto !important;
}


/* PM Designer v6.3.7 - Ruler label placement refinement */
.pmd-workspace{--pmd-ruler-size:18px !important;}
.pmd-ruler-top,
.pmd-ruler-left,
.pmd-ruler-corner{
  background:#f3f4f6 !important;
}


/* PM Designer v6.3.8 - force left ruler labels horizontal, never rotated */
.pmd-ruler-left,
.pmd-ruler-left *,
#pmd-ruler-left,
#pmd-ruler-left *{
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
}
.pmd-ruler-left .pmd-ruler-tick b,
#pmd-ruler-left .pmd-ruler-tick b{
  transform:none !important;
  rotate:0deg !important;
  left:2px !important;
  top:0 !important;
}


/* PM Designer v6.3.9 - rotated left ruler labels + edge gap fix */
.pmd-ruler-top{
  right:0 !important;
  width:calc(100% - var(--pmd-ruler-size,18px)) !important;
}
.pmd-ruler-left{
  bottom:0 !important;
  height:calc(100% - var(--pmd-ruler-size,18px)) !important;
}
.pmd-canvas-viewport,
.pmd-workspace-scroll{
  right:0 !important;
  bottom:0 !important;
}
/* override previous horizontal-force intent */
.pmd-ruler-left,
.pmd-ruler-left *,
#pmd-ruler-left,
#pmd-ruler-left *{
  writing-mode:initial !important;
  text-orientation:mixed !important;
}
.pmd-ruler-left .pmd-ruler-tick b,
#pmd-ruler-left .pmd-ruler-tick b{
  transform:none !important;
  rotate:unset !important;
}


/* PM Designer v6.4.0 - Auto-hide left panel
   The icon rail stays visible. The content panel overlays the canvas only when the user hovers/focuses the rail or panel. */
.pmd-body{
  position:relative !important;
  grid-template-columns:72px minmax(420px,1fr) 300px !important;
}
.pmd-sidebar{
  grid-column:1 !important;
  grid-row:1 !important;
  z-index:95 !important;
}
.pmd-panel-host{
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:72px !important;
  width:318px !important;
  max-width:318px !important;
  min-width:318px !important;
  z-index:90 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateX(-14px) !important;
  transition:opacity .14s ease, transform .16s ease, visibility .16s ease !important;
  box-shadow:18px 0 42px rgba(15,23,42,.14) !important;
  overflow:auto !important;
}
.pmd-sidebar:hover + .pmd-panel-host,
.pmd-sidebar:focus-within + .pmd-panel-host,
.pmd-panel-host:hover,
.pmd-panel-host:focus-within{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(0) !important;
}
.pmd-panel-host:after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  right:-10px !important;
  width:10px !important;
  bottom:0 !important;
  background:transparent !important;
}
.pmd-workspace{
  grid-column:2 !important;
  grid-row:1 !important;
}
.pmd-right-panel{
  grid-column:3 !important;
  grid-row:1 !important;
}
.pmd-sidebar:hover,
.pmd-sidebar:focus-within{
  box-shadow:8px 0 24px rgba(15,23,42,.08) !important;
}

@media(max-width:1100px){
  .pmd-panel-host{
    left:72px !important;
    width:300px !important;
    max-width:300px !important;
    min-width:300px !important;
  }
}
@media(max-width:760px){
  .pmd-body{
    grid-template-columns:68px minmax(0,1fr) !important;
  }
  .pmd-sidebar{
    width:68px !important;
    min-width:68px !important;
    max-width:68px !important;
  }
  .pmd-panel-host{
    left:68px !important;
    width:min(300px, calc(100vw - 68px)) !important;
    max-width:min(300px, calc(100vw - 68px)) !important;
    min-width:0 !important;
  }
  .pmd-workspace{
    grid-column:2 !important;
  }
}


/* PM Designer v6.4.1 - left ruler label alignment correction
   Labels are drawn by the ruler canvas; this keeps legacy DOM ruler text rules from interfering. */
#pmd-ruler-left,
.pmd-ruler-left{
  text-align:center !important;
}


/* PM Designer v6.4.2 - push workspace/rulers outside auto-hide panel + center visible canvas */
.pmd-body{
  --pmd-left-rail-width:72px;
  --pmd-auto-panel-width:318px;
}
.pmd-body .pmd-sidebar{z-index:260 !important;}
.pmd-body .pmd-panel-host{z-index:250 !important;}
.pmd-body .pmd-workspace{
  min-width:0 !important;
  transition:margin-left .16s ease, width .16s ease !important;
}
.pmd-body.pmd-left-panel-open .pmd-panel-host{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(0) !important;
}
.pmd-body.pmd-left-panel-open .pmd-workspace{
  margin-left:var(--pmd-auto-panel-width,318px) !important;
}
.pmd-body.pmd-left-panel-open #pmd-ruler-left,
.pmd-body.pmd-left-panel-open .pmd-ruler-left{
  left:0 !important;
}
.pmd-canvas-viewport .canvas-container{
  margin:0 !important;
}
@media(max-width:1100px){
  .pmd-body{--pmd-auto-panel-width:300px;}
}
@media(max-width:760px){
  .pmd-body{--pmd-left-rail-width:68px;--pmd-auto-panel-width:min(300px, calc(100vw - 68px));}
  .pmd-body.pmd-left-panel-open .pmd-workspace{margin-left:0 !important;}
  .pmd-body .pmd-panel-host{z-index:280 !important;}
}


/* PM Designer v6.4.3 - no-shadow left panel + browser compatibility pass
   Left panel uses border separation only; no shadow on panel or rail hover. */
.pmd-body .pmd-panel-host,
.pmd-body.pmd-left-panel-open .pmd-panel-host,
.pmd-sidebar:hover,
.pmd-sidebar:focus-within{
  box-shadow:none !important;
}
.pmd-body .pmd-panel-host{
  border-left:1px solid #e5e7eb !important;
  border-right:1px solid #e5e7eb !important;
  will-change:opacity, transform !important;
  -webkit-overflow-scrolling:touch !important;
}
.pmd-body .pmd-sidebar{
  box-shadow:none !important;
  -webkit-overflow-scrolling:touch !important;
}
/* Keep mobile panel sizing safe in browsers that do not fully honor min() inside custom properties. */
@media(max-width:760px){
  .pmd-body .pmd-panel-host{
    width:300px !important;
    max-width:calc(100vw - 68px) !important;
  }
  .pmd-body{--pmd-auto-panel-width:300px;}
}


/* PM Designer v6.5.4 - Stage 1 Fine-Tuning Polish */
.pmd-workspace{
  --pmd-ruler-size:18px !important;
  background:#f3f5f8 !important;
}

/* Ruler edge/gap polish: make ruler bars terminate exactly at the viewport edges. */
.pmd-ruler-top{
  top:0 !important;
  left:var(--pmd-ruler-size,18px) !important;
  right:0 !important;
  width:calc(100% - var(--pmd-ruler-size,18px)) !important;
  height:var(--pmd-ruler-size,18px) !important;
  box-sizing:border-box !important;
}
.pmd-ruler-left{
  top:var(--pmd-ruler-size,18px) !important;
  left:0 !important;
  bottom:0 !important;
  width:var(--pmd-ruler-size,18px) !important;
  height:calc(100% - var(--pmd-ruler-size,18px)) !important;
  box-sizing:border-box !important;
}
.pmd-ruler-corner{
  width:var(--pmd-ruler-size,18px) !important;
  height:var(--pmd-ruler-size,18px) !important;
  box-sizing:border-box !important;
}

/* Visible canvas area alignment and browser consistency */
.pmd-canvas-viewport,
.pmd-workspace-scroll{
  top:var(--pmd-ruler-size,18px) !important;
  left:var(--pmd-ruler-size,18px) !important;
  right:0 !important;
  bottom:0 !important;
  inset:var(--pmd-ruler-size,18px) 0 0 var(--pmd-ruler-size,18px) !important;
  box-sizing:border-box !important;
  overflow:auto !important;
  scrollbar-gutter:stable !important;
  -webkit-overflow-scrolling:touch;
}

/* Cleaner guide alignment preview */
.pmd-live-guide{
  background:rgba(2,132,199,.95) !important;
  box-shadow:none !important;
}
.pmd-live-guide-v{top:var(--pmd-ruler-size,18px) !important;bottom:0 !important;}
.pmd-live-guide-h{left:var(--pmd-ruler-size,18px) !important;right:0 !important;}

/* Panel hover timing / interaction consistency */
.pmd-panel-host{
  transition:transform .16s ease, opacity .16s ease !important;
  box-shadow:none !important;
}
.pmd-body.pmd-left-panel-open .pmd-panel-host{
  pointer-events:auto !important;
}

/* Browser visual consistency: avoid accidental text selection while dragging rulers/guides. */
.pmd-ruler-top,
.pmd-ruler-left,
.pmd-ruler-corner,
.pmd-live-guide{
  -webkit-user-select:none !important;
  user-select:none !important;
  touch-action:none !important;
}


/* PM Designer v6.5.10 - Pro Tools top-right dropdown */
.pmd-actions .pmd-pro-tools-menu summary{height:38px;padding:0 13px;border:1px solid #d1d5db;border-radius:12px;background:#fff;color:#111827;font-size:12px;font-weight:800;gap:6px}
.pmd-actions .pmd-pro-tools-menu summary::after{content:'▾';font-size:10px;color:#64748b;margin-left:6px}
.pmd-actions .pmd-pro-tools-menu[open] summary,.pmd-actions .pmd-pro-tools-menu summary:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}
.pmd-actions .pmd-menu-pop-right{left:auto;right:0;min-width:230px}
.pmd-pro-tools-pop .pmd-menu-item{height:34px}
@media(max-width:900px){.pmd-actions .pmd-menu-pop-right{left:0;right:auto}}


/* PM Designer v6.5.11 - contextual right-side tabular properties */
.pmd-right-panel{width:340px;min-width:340px;padding:16px;background:#ffffff;}
.pmd-prop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.pmd-prop-header h3{margin:0 0 4px !important;font-size:16px;line-height:1.2;text-transform:none !important;color:#0f172a;}
.pmd-prop-subtitle{margin:0 !important;font-size:12px;line-height:1.35;color:#64748b;}
.pmd-prop-kind{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 8px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#475569;font-size:11px;white-space:nowrap;}
.pmd-prop-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px;padding:4px;margin:0 0 12px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;position:sticky;top:0;z-index:2;}
.pmd-prop-tab{min-height:30px;border:0;border-radius:9px;background:transparent;color:#475569;font:400 12px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;}
.pmd-prop-tab:hover{background:#eef2f7;color:#0f172a;}
.pmd-prop-tab.active{background:#0f172a;color:#ffffff;box-shadow:0 1px 2px rgba(15,23,42,.14);}
.pmd-prop-tab-content{display:flex;flex-direction:column;gap:10px;}
.pmd-prop-tab-content .pmd-card{margin-top:0;}
.pmd-prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.pmd-number-input{margin:0;}
.pmd-input-affix{display:flex;align-items:center;gap:6px;}
.pmd-input-affix input{width:100%;height:34px;border:1px solid #cbd5e1;border-radius:9px;padding:0 8px;background:#fff;color:#111827;font:400 12px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.pmd-input-affix small{min-width:22px;color:#64748b;font-size:11px;text-align:left;}
.pmd-prop-check{margin:9px 0;padding:8px 9px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;}
.pmd-prop-check span{font-size:12px;color:#334155;}
.pmd-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.pmd-action-grid .pmd-tool-button{min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 9px;font-size:12px;font-weight:400;}
.pmd-action-grid .pmd-tool-button .pmd-icon svg{width:16px !important;height:16px !important;}
@media(max-width:1100px){.pmd-right-panel{width:300px;min-width:300px;}.pmd-prop-grid,.pmd-action-grid{grid-template-columns:1fr;}}


/* PM Designer v6.5.12 - reduced right panel + horizontal property bars */
.pmd-right-panel{
  width:318px !important;
  min-width:318px !important;
  max-width:318px !important;
  padding:14px 12px !important;
}
.pmd-prop-header{
  margin-bottom:10px !important;
}
.pmd-prop-tabs{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:0 !important;
  padding:0 !important;
  margin:0 0 12px !important;
  border:0 !important;
  border-bottom:1px solid #e2e8f0 !important;
  border-radius:0 !important;
  background:transparent !important;
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:thin;
}
.pmd-prop-tabs::-webkit-scrollbar{
  height:5px;
}
.pmd-prop-tabs::-webkit-scrollbar-thumb{
  background:#cbd5e1;
  border-radius:999px;
}
.pmd-prop-tab{
  flex:0 0 auto !important;
  min-height:34px !important;
  height:34px !important;
  padding:0 11px !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#64748b !important;
  font:400 12px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}
.pmd-prop-tab:hover{
  background:#f8fafc !important;
  color:#0f172a !important;
  border-bottom-color:#cbd5e1 !important;
}
.pmd-prop-tab.active{
  background:transparent !important;
  color:#0f172a !important;
  border-bottom-color:#0f172a !important;
  box-shadow:none !important;
  font-weight:700 !important;
}
@media(max-width:1100px){
  .pmd-right-panel{
    width:300px !important;
    min-width:300px !important;
    max-width:300px !important;
  }
}


/* PM Designer v6.5.13 - full-window editor launch hardening */
html,
body.pm-designer-window{
  width:100%;
  height:100%;
  margin:0;
  overflow:hidden;
}
body.pm-designer-window #pm-designer-root,
body.pm-designer-window .pmd-shell{
  width:100vw;
  height:100vh;
  min-height:100vh;
  max-height:100vh;
  overflow:hidden;
}
body.pm-designer-window .pmd-body{
  height:calc(100vh - 64px);
  min-height:0;
}
body.pm-designer-window .pmd-workspace,
body.pm-designer-window .pmd-panel-host,
body.pm-designer-window .pmd-right-panel,
body.pm-designer-window .pmd-sidebar{
  min-height:0;
}
body.pm-designer-window .pmd-workspace{
  overflow:hidden;
}
body.pm-designer-window .pmd-canvas-viewport{
  overflow:auto;
}

/* PM Designer v6.5.15 - simple document view measurement dashboard */
.pmd-view-simple-card b{
  display:block;
  margin-bottom:8px;
  font-size:13px;
  font-weight:700;
  color:#0f172a;
}
.pmd-view-info-grid,
.pmd-view-guide-list{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.pmd-view-info-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:30px;
  padding:6px 8px;
  border:1px solid #e2e8f0;
  border-radius:9px;
  background:#ffffff;
  font-size:12px;
}
.pmd-view-info-row span{
  color:#64748b;
  font-weight:500;
}
.pmd-view-info-row strong{
  color:#0f172a;
  font-weight:700;
  text-align:right;
  word-break:break-word;
}
.pmd-view-info-row.muted strong{
  color:#94a3b8;
  font-weight:500;
}
.pmd-view-simple-card .pmd-prop-grid{
  margin-top:8px;
}
.pmd-view-simple-card .pmd-segmented{
  min-width:0;
}
.pmd-view-simple-card .pmd-unit-note{
  display:block;
  margin-top:8px;
}


/* PM Designer v6.5.16 - compact 280px right panel + fixed property header/tabs */
.pmd-right-panel{
  width:280px !important;
  min-width:280px !important;
  max-width:280px !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}
.pmd-right-panel .pmd-prop-header{
  flex:0 0 auto !important;
  position:relative !important;
  z-index:5 !important;
  margin:0 !important;
  padding:14px 12px 9px !important;
  background:#ffffff !important;
  border-bottom:1px solid #eef2f7 !important;
}
.pmd-right-panel .pmd-prop-header h3{
  font-size:15px !important;
  line-height:1.15 !important;
}
.pmd-right-panel .pmd-prop-subtitle{
  font-size:11px !important;
  line-height:1.3 !important;
}
.pmd-right-panel .pmd-prop-kind{
  min-height:20px !important;
  padding:0 7px !important;
  font-size:10px !important;
}
.pmd-right-panel .pmd-prop-tabs{
  flex:0 0 auto !important;
  position:relative !important;
  top:auto !important;
  z-index:4 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 10px !important;
  border:0 !important;
  border-bottom:1px solid #e2e8f0 !important;
  background:#ffffff !important;
  overflow:visible !important;
  scrollbar-width:none !important;
}
.pmd-right-panel .pmd-prop-tabs::-webkit-scrollbar{
  display:none !important;
}
.pmd-right-panel .pmd-prop-tab{
  flex:1 1 auto !important;
  min-width:58px !important;
  min-height:31px !important;
  height:31px !important;
  padding:0 7px !important;
  font-size:11px !important;
  white-space:nowrap !important;
}
.pmd-right-panel .pmd-prop-tab-content{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:auto !important;
  padding:12px !important;
  gap:10px !important;
  -webkit-overflow-scrolling:touch !important;
}
.pmd-right-panel .pmd-prop-grid,
.pmd-right-panel .pmd-action-grid{
  grid-template-columns:1fr 1fr !important;
  gap:7px !important;
}
.pmd-right-panel .pmd-field input,
.pmd-right-panel .pmd-field select,
.pmd-right-panel .pmd-field textarea,
.pmd-right-panel .pmd-input-affix input{
  font-size:11px !important;
}
@media(max-width:1100px){
  .pmd-right-panel{
    width:280px !important;
    min-width:280px !important;
    max-width:280px !important;
  }
}


/* PM Designer v6.5.22 - text convert to curves button */
.pmd-panel-host,
.pmd-right-panel{
  font-size:12px !important;
}
.pmd-panel-host .pmd-card,
.pmd-right-panel .pmd-card,
.pmd-panel-host .pmd-note,
.pmd-right-panel .pmd-note{
  margin-top:8px !important;
  padding:10px !important;
  border-radius:10px !important;
  background:#f8fafc !important;
  border-color:#e2e8f0 !important;
}
.pmd-panel-host .pmd-card b,
.pmd-right-panel .pmd-card b{
  display:block;
  margin-bottom:6px;
  color:#0f172a;
  font-size:12px;
  font-weight:700;
}
.pmd-panel-host .pmd-card p,
.pmd-right-panel .pmd-card p{
  margin:4px 0 !important;
  font-size:11px !important;
  line-height:1.35 !important;
}
.pmd-panel-host .pmd-field,
.pmd-right-panel .pmd-field{
  display:grid !important;
  grid-template-columns:minmax(76px,.78fr) minmax(0,1.22fr) !important;
  align-items:center !important;
  gap:8px !important;
  margin:7px 0 !important;
  font-size:11px !important;
  font-weight:600 !important;
  color:#475569 !important;
}
.pmd-panel-host .pmd-field>span,
.pmd-right-panel .pmd-field>span{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.pmd-panel-host .pmd-field input[type=text],
.pmd-panel-host .pmd-field input[type=number],
.pmd-panel-host .pmd-field select,
.pmd-right-panel .pmd-field input[type=text],
.pmd-right-panel .pmd-field input[type=number],
.pmd-right-panel .pmd-field select,
.pmd-right-panel .pmd-input-affix input{
  height:30px !important;
  min-height:30px !important;
  border-radius:8px !important;
  padding:0 8px !important;
  font-size:11px !important;
  font-weight:500 !important;
}
.pmd-panel-host .pmd-field textarea,
.pmd-right-panel .pmd-field textarea{
  min-height:68px !important;
  border-radius:8px !important;
  padding:8px !important;
  font-size:11px !important;
  grid-column:1 / -1 !important;
}
.pmd-panel-host .pmd-field input[type=color],
.pmd-right-panel .pmd-field input[type=color]{
  height:30px !important;
  border-radius:8px !important;
  padding:3px !important;
}
.pmd-panel-host .pmd-field input[type=range],
.pmd-right-panel .pmd-field input[type=range]{
  height:22px !important;
}
.pmd-right-panel .pmd-number-input,
.pmd-panel-host .pmd-number-input{
  margin:0 !important;
}
.pmd-right-panel .pmd-prop-check,
.pmd-panel-host .pmd-prop-check{
  margin:6px 0 !important;
  min-height:30px !important;
  padding:6px 8px !important;
  border-radius:8px !important;
}
.pmd-right-panel .pmd-prop-check span,
.pmd-panel-host .pmd-prop-check span{
  font-size:11px !important;
}
.pmd-right-panel .pmd-segmented,
.pmd-panel-host .pmd-segmented{
  display:none !important;
}
.pmd-right-panel .pmd-action-grid,
.pmd-panel-host .pmd-action-grid{
  grid-template-columns:1fr !important;
  gap:6px !important;
}
.pmd-right-panel .pmd-tool-button,
.pmd-panel-host .pmd-tool-button{
  min-height:32px !important;
  padding:6px 9px !important;
  border-radius:9px !important;
  font-size:11px !important;
  font-weight:600 !important;
}
.pmd-panel-host .pmd-tool-grid{
  grid-template-columns:1fr !important;
  gap:6px !important;
}
.pmd-panel-host .pmd-tool-grid .pmd-tool-button{
  flex-direction:row !important;
  justify-content:flex-start !important;
  min-height:34px !important;
}
.pmd-right-panel .pmd-view-info-row{
  min-height:26px !important;
  padding:5px 7px !important;
  border-radius:8px !important;
  font-size:11px !important;
}
.pmd-right-panel .pmd-prop-tab-content{
  gap:8px !important;
}
.pmd-right-panel .pmd-prop-grid{
  gap:6px !important;
}
.pmd-right-panel .pmd-input-affix{
  gap:4px !important;
}
.pmd-right-panel .pmd-input-affix small{
  min-width:18px !important;
  font-size:10px !important;
}
.pmd-unit-note{
  font-size:10.5px !important;
  line-height:1.35 !important;
}

/* PM Designer v6.5.22 - text convert to curves button */

/* PM Designer v6.5.22 - text convert to curves button */
.pmd-right-panel .pmd-convert-curves-button{
  width:100% !important;
  justify-content:center !important;
  margin-top:6px !important;
  border-style:dashed !important;
}

/* v6.5.23 Convert to Curves status */
.pmd-curve-font-status{display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:center;padding:8px 9px;border:1px solid #d8dde6;border-radius:10px;background:#f8fafc;font-size:11px;line-height:1.25;color:#334155;}
.pmd-curve-font-status strong{font-size:11px;font-weight:600;color:#0f172a;}
.pmd-curve-font-status small{grid-column:1/-1;color:#64748b;word-break:break-all;}
.pmd-curve-font-status.ready{border-color:#cbd5e1;background:#f8fafc;}
.pmd-curve-font-status.missing{border-color:#f0c9c9;background:#fff7f7;}
.pmd-curve-font-status.missing strong{color:#991b1b;}

/* PM Designer v6.5.26 - Google Fonts grouped library */
.pmd-right-panel .pmd-font-field select.pmd-font-select{
  width:100% !important;
  max-width:100% !important;
  height:34px !important;
  font-size:11px !important;
}
.pmd-right-panel .pmd-font-field .pmd-font-hint{
  display:block;
  margin-top:3px;
  color:#64748b;
  font-size:10px;
  line-height:1.25;
}

/* PM Designer v6.5.28 - Font browser simplification + live font apply fixes */
.pmd-right-panel .pmd-font-browser-controls{
  display:grid;
  gap:5px;
  margin:2px 0 6px;
}
.pmd-right-panel .pmd-font-script-select{
  width:100% !important;
  height:28px !important;
  min-height:28px !important;
  font-size:10.5px !important;
  padding:3px 7px !important;
}
.pmd-right-panel .pmd-font-category-ticks{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  align-items:center;
}
.pmd-right-panel .pmd-mini-tick{
  display:inline-flex !important;
  align-items:center;
  gap:3px;
  width:auto !important;
  margin:0 !important;
  padding:2px 5px !important;
  border:1px solid #d8dde6;
  border-radius:999px;
  background:#f8fafc;
  font-size:9.5px !important;
  line-height:1.1 !important;
  color:#334155;
  cursor:pointer;
}
.pmd-right-panel .pmd-mini-tick input{
  width:10px !important;
  height:10px !important;
  min-width:10px !important;
  margin:0 !important;
  accent-color:#111827;
}
.pmd-right-panel .pmd-mini-tick span{
  font-size:9.5px !important;
  line-height:1.1 !important;
}
.pmd-right-panel .pmd-font-field select.pmd-font-select option{
  font-family:inherit !important;
}


/* PM Designer v6.5.30 - Pages, presets, social sizes and preview */
.pmd-page-readout{white-space:nowrap;}
.pmd-pages-card .pmd-pages-list{display:grid;gap:6px;margin:8px 0;}
.pmd-page-row{width:100%;display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;text-align:left;border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:7px 8px;cursor:pointer;color:#0f172a;}
.pmd-page-row:hover{border-color:#cbd5e1;background:#f8fafc;}
.pmd-page-row.active{border-color:#0f172a;background:#f1f5f9;}
.pmd-page-index{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#e2e8f0;color:#0f172a;font-size:11px;font-weight:600;}
.pmd-page-meta{display:flex;flex-direction:column;gap:1px;min-width:0;}
.pmd-page-meta strong{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pmd-page-meta small{font-size:10px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pmd-page-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;}
.pmd-page-actions .pmd-button{height:30px;padding:0 8px;border-radius:9px;font-size:11px;}
.pmd-page-name-field{margin-top:8px;}
.pmd-preview-button{height:34px;padding:0 12px;}
.pmd-preview-overlay{position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.56);display:flex;align-items:center;justify-content:center;padding:28px;}
.pmd-preview-modal{width:min(980px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 35px 90px rgba(15,23,42,.32);padding:18px;}
.pmd-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.pmd-preview-head h2{margin:0 0 4px;font-size:18px;}
.pmd-preview-head p{margin:0;color:#64748b;font-size:12px;}
.pmd-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;}
.pmd-preview-card{display:flex;flex-direction:column;gap:7px;text-align:left;border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:10px;cursor:pointer;}
.pmd-preview-card.active{border-color:#0f172a;background:#eef2f7;}
.pmd-preview-card img{width:100%;height:160px;object-fit:contain;background:#e5e7eb;border-radius:10px;border:1px solid #e2e8f0;}
.pmd-preview-empty{height:160px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border-radius:10px;color:#64748b;font-size:12px;}
.pmd-preview-card strong{font-size:13px;color:#0f172a;}
.pmd-preview-card small{font-size:11px;color:#64748b;}


/* PM Designer v6.5.41 - canvas-only select all keyboard fix */
.pm-designer-root,.pm-designer-root .pmd-shell,.pm-designer-root .pmd-body,.pm-designer-root .pmd-topbar,.pm-designer-root .pmd-sidebar,.pm-designer-root .pmd-panel-host,.pm-designer-root .pmd-right-panel,.pm-designer-root .pmd-workspace{-webkit-user-select:none;user-select:none}
.pm-designer-root input,.pm-designer-root textarea,.pm-designer-root select,.pm-designer-root [contenteditable="true"]{-webkit-user-select:text;user-select:text}
/* PM Designer v6.5.40 - editable curve node UI */
.pmd-right-panel .pmd-edit-nodes-button.active{
  background:#0f172a !important;
  color:#ffffff !important;
  border-color:#0f172a !important;
}
.pmd-path-edit-card p{
  margin:6px 0 4px !important;
  font-size:12px !important;
  color:#334155 !important;
}
.pmd-cursor-path-node,
.pmd-cursor-path-node .upper-canvas{
  cursor:crosshair !important;
}

/* PM Designer v6.5.42 - fixed overlay left panel + light/dark UI styles
   Left panel now slides over the canvas area. It never pushes, resizes, or offsets the workspace/rulers. */
.pmd-body.pmd-left-panel-overlay{
  --pmd-left-rail-width:72px;
  --pmd-overlay-panel-width:318px;
  position:relative !important;
  display:grid !important;
  grid-template-columns:var(--pmd-left-rail-width) minmax(0,1fr) 280px !important;
  min-width:0 !important;
  overflow:hidden !important;
}
.pmd-body.pmd-left-panel-overlay .pmd-sidebar{
  grid-column:1 !important;
  grid-row:1 !important;
  width:var(--pmd-left-rail-width) !important;
  min-width:var(--pmd-left-rail-width) !important;
  max-width:var(--pmd-left-rail-width) !important;
  z-index:320 !important;
}
.pmd-body.pmd-left-panel-overlay .pmd-panel-host{
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:var(--pmd-left-rail-width) !important;
  width:var(--pmd-overlay-panel-width) !important;
  min-width:var(--pmd-overlay-panel-width) !important;
  max-width:var(--pmd-overlay-panel-width) !important;
  grid-column:auto !important;
  z-index:310 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateX(-16px) !important;
  transition:opacity .15s ease, transform .17s ease, visibility .17s ease !important;
  border-left:1px solid #e5e7eb !important;
  border-right:1px solid #e5e7eb !important;
  box-shadow:14px 0 30px rgba(15,23,42,.10) !important;
  overflow:auto !important;
}
body.pmd-left-panel-open .pmd-body.pmd-left-panel-overlay .pmd-panel-host,
.pmd-body.pmd-left-panel-overlay.pmd-left-panel-open .pmd-panel-host,
.pmd-body.pmd-left-panel-overlay .pmd-sidebar:hover + .pmd-panel-host,
.pmd-body.pmd-left-panel-overlay .pmd-sidebar:focus-within + .pmd-panel-host,
.pmd-body.pmd-left-panel-overlay .pmd-panel-host:hover,
.pmd-body.pmd-left-panel-overlay .pmd-panel-host:focus-within{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(0) !important;
}
.pmd-body.pmd-left-panel-overlay .pmd-workspace{
  grid-column:2 !important;
  grid-row:1 !important;
  margin-left:0 !important;
  width:auto !important;
  min-width:0 !important;
  transform:none !important;
}
body.pmd-left-panel-open .pmd-body.pmd-left-panel-overlay .pmd-workspace,
.pmd-body.pmd-left-panel-overlay.pmd-left-panel-open .pmd-workspace,
body.pmd-left-panel-open .pmd-body.pmd-left-panel-overlay .pmd-canvas-viewport,
.pmd-body.pmd-left-panel-overlay.pmd-left-panel-open .pmd-canvas-viewport,
body.pmd-left-panel-open .pmd-body.pmd-left-panel-overlay .pmd-workspace-scroll,
.pmd-body.pmd-left-panel-overlay.pmd-left-panel-open .pmd-workspace-scroll{
  margin-left:0 !important;
  width:auto !important;
  transform:none !important;
}
.pmd-body.pmd-left-panel-overlay .pmd-right-panel{
  grid-column:3 !important;
  grid-row:1 !important;
  z-index:120 !important;
}
@media(max-width:1100px){
  .pmd-body.pmd-left-panel-overlay{--pmd-overlay-panel-width:300px;grid-template-columns:72px minmax(0,1fr) 280px !important;}
}
@media(max-width:760px){
  .pmd-body.pmd-left-panel-overlay{--pmd-left-rail-width:68px;--pmd-overlay-panel-width:min(300px, calc(100vw - 68px));grid-template-columns:68px minmax(0,1fr) !important;}
  .pmd-body.pmd-left-panel-overlay .pmd-sidebar{width:68px !important;min-width:68px !important;max-width:68px !important;}
  .pmd-body.pmd-left-panel-overlay .pmd-panel-host{left:68px !important;width:var(--pmd-overlay-panel-width) !important;min-width:0 !important;max-width:calc(100vw - 68px) !important;}
}

/* Light is the default; dark keeps the artboard white but darkens the app shell/panels. */
[data-pmd-theme="dark"] .pmd-shell{
  background:#0f172a !important;
  color:#e5e7eb !important;
}
[data-pmd-theme="dark"] .pmd-topbar{
  background:#0b1120 !important;
  border-bottom-color:#1f2937 !important;
  color:#e5e7eb !important;
}
[data-pmd-theme="dark"] .pmd-brand span,
[data-pmd-theme="dark"] .pmd-status,
[data-pmd-theme="dark"] .pmd-prop-subtitle,
[data-pmd-theme="dark"] .pmd-unit-note,
[data-pmd-theme="dark"] .pmd-card p,
[data-pmd-theme="dark"] .pmd-note p,
[data-pmd-theme="dark"] .pmd-field,
[data-pmd-theme="dark"] .pmd-empty-state{
  color:#94a3b8 !important;
}
[data-pmd-theme="dark"] .pmd-sidebar{
  background:#111827 !important;
  border-right-color:#1f2937 !important;
}
[data-pmd-theme="dark"] .pmd-tab,
[data-pmd-theme="dark"] .pmd-settings-button{
  color:#94a3b8 !important;
}
[data-pmd-theme="dark"] .pmd-tab:hover,
[data-pmd-theme="dark"] .pmd-settings-button:hover{
  background:#1f2937 !important;
  color:#f8fafc !important;
}
[data-pmd-theme="dark"] .pmd-tab.active,
[data-pmd-theme="dark"] .pmd-settings-button.active{
  background:#f8fafc !important;
  color:#0f172a !important;
}
[data-pmd-theme="dark"] .pmd-panel-host,
[data-pmd-theme="dark"] .pmd-right-panel{
  background:#0f172a !important;
  border-color:#1f2937 !important;
  color:#e5e7eb !important;
}
[data-pmd-theme="dark"] .pmd-right-panel .pmd-prop-header,
[data-pmd-theme="dark"] .pmd-right-panel .pmd-prop-tabs{
  background:#0f172a !important;
  border-color:#1f2937 !important;
}
[data-pmd-theme="dark"] .pmd-prop-header h3,
[data-pmd-theme="dark"] .pmd-panel-host h2,
[data-pmd-theme="dark"] .pmd-right-panel h3,
[data-pmd-theme="dark"] .pmd-card b,
[data-pmd-theme="dark"] .pmd-view-simple-card b{
  color:#f8fafc !important;
}
[data-pmd-theme="dark"] .pmd-card,
[data-pmd-theme="dark"] .pmd-note,
[data-pmd-theme="dark"] .pmd-view-info-row,
[data-pmd-theme="dark"] .pmd-layer,
[data-pmd-theme="dark"] .pmd-page-row,
[data-pmd-theme="dark"] .pmd-prop-check,
[data-pmd-theme="dark"] .pmd-curve-font-status{
  background:#111827 !important;
  border-color:#273449 !important;
  color:#e5e7eb !important;
}
[data-pmd-theme="dark"] .pmd-prop-kind,
[data-pmd-theme="dark"] .pmd-mini-tick,
[data-pmd-theme="dark"] .pmd-page-index{
  background:#1f2937 !important;
  border-color:#334155 !important;
  color:#e5e7eb !important;
}
[data-pmd-theme="dark"] .pmd-field input[type=text],
[data-pmd-theme="dark"] .pmd-field input[type=number],
[data-pmd-theme="dark"] .pmd-field select,
[data-pmd-theme="dark"] .pmd-field textarea,
[data-pmd-theme="dark"] .pmd-input-affix input,
[data-pmd-theme="dark"] .pmd-font-script-select,
[data-pmd-theme="dark"] .pmd-font-select{
  background:#0b1120 !important;
  border-color:#334155 !important;
  color:#e5e7eb !important;
}
[data-pmd-theme="dark"] .pmd-button.secondary,
[data-pmd-theme="dark"] .pmd-menu summary,
[data-pmd-theme="dark"] .pmd-actions .pmd-pro-tools-menu summary,
[data-pmd-theme="dark"] .pmd-zoom-button,
[data-pmd-theme="dark"] .pmd-zoom-value,
[data-pmd-theme="dark"] .pmd-tool-button{
  background:#111827 !important;
  border-color:#334155 !important;
  color:#e5e7eb !important;
}
[data-pmd-theme="dark"] .pmd-button.secondary:hover,
[data-pmd-theme="dark"] .pmd-menu summary:hover,
[data-pmd-theme="dark"] .pmd-actions .pmd-pro-tools-menu summary:hover,
[data-pmd-theme="dark"] .pmd-tool-button:hover{
  background:#1f2937 !important;
  color:#ffffff !important;
}
[data-pmd-theme="dark"] .pmd-menu-pop,
[data-pmd-theme="dark"] .pmd-pro-tools-pop{
  background:#0f172a !important;
  border-color:#334155 !important;
  box-shadow:0 18px 38px rgba(0,0,0,.35) !important;
}
[data-pmd-theme="dark"] .pmd-menu-item{
  color:#e5e7eb !important;
}
[data-pmd-theme="dark"] .pmd-menu-item:hover{
  background:#1f2937 !important;
}
[data-pmd-theme="dark"] .pmd-ruler-corner,
[data-pmd-theme="dark"] .pmd-ruler-top,
[data-pmd-theme="dark"] .pmd-ruler-left{
  background:#111827 !important;
}
[data-pmd-theme="dark"] .pmd-prop-tab{
  color:#94a3b8 !important;
}
[data-pmd-theme="dark"] .pmd-prop-tab.active{
  color:#f8fafc !important;
  border-bottom-color:#f8fafc !important;
}

/* PM Designer v6.5.42.1 — controlled left panel, click-only open, attached panel slider */
body:not(.pmd-left-panel-open) .pmd-body.pmd-left-panel-overlay .pmd-sidebar:hover + .pmd-panel-host,
body:not(.pmd-left-panel-open) .pmd-body.pmd-left-panel-overlay .pmd-sidebar:focus-within + .pmd-panel-host,
body:not(.pmd-left-panel-open) .pmd-body.pmd-left-panel-overlay .pmd-panel-host:hover,
body:not(.pmd-left-panel-open) .pmd-body.pmd-left-panel-overlay .pmd-panel-host:focus-within{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateX(-16px) !important;
}
body.pmd-left-panel-open .pmd-body.pmd-left-panel-overlay .pmd-panel-host,
.pmd-body.pmd-left-panel-overlay.pmd-left-panel-open .pmd-panel-host{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(0) !important;
}
.pmd-body.pmd-left-panel-overlay .pmd-panel-host{
  overflow:visible !important;
}
.pmd-body.pmd-left-panel-overlay .pmd-panel-host > :not(.pmd-left-panel-slider-button){
  max-height:100%;
  overflow:auto;
}
.pmd-left-panel-slider-button{
  position:absolute !important;
  top:50% !important;
  right:-17px !important;
  width:18px !important;
  height:58px !important;
  transform:translateY(-50%) !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border:1px solid #d1d5db !important;
  border-left:0 !important;
  border-radius:0 9px 9px 0 !important;
  background:#ffffff !important;
  color:#334155 !important;
  box-shadow:3px 0 9px rgba(15,23,42,.08) !important;
  cursor:pointer !important;
}
.pmd-left-panel-slider-button:hover{
  background:#f8fafc !important;
  color:#0f172a !important;
}
.pmd-left-panel-slider-icon{
  font-size:18px !important;
  line-height:1 !important;
  font-weight:800 !important;
}
body:not(.pmd-left-panel-open) .pmd-left-panel-slider-button{
  display:none !important;
}
[data-pmd-theme="dark"] .pmd-left-panel-slider-button{
  background:#111827 !important;
  color:#e5e7eb !important;
  border-color:#334155 !important;
  box-shadow:3px 0 9px rgba(0,0,0,.3) !important;
}
[data-pmd-theme="dark"] .pmd-left-panel-slider-button:hover{
  background:#1f2937 !important;
  color:#ffffff !important;
}


/* PM Designer v6.5.42.3 - slim default scrollbar for tab/panel host */
.pmd-panel-host,
.pmd-right-panel{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(100,116,139,.55) transparent;
  scrollbar-gutter:stable;
}
.pmd-panel-host::-webkit-scrollbar,
.pmd-right-panel::-webkit-scrollbar{
  width:6px;
  height:6px;
}
.pmd-panel-host::-webkit-scrollbar-track,
.pmd-right-panel::-webkit-scrollbar-track{
  background:transparent;
}
.pmd-panel-host::-webkit-scrollbar-thumb,
.pmd-right-panel::-webkit-scrollbar-thumb{
  background:rgba(100,116,139,.45);
  border-radius:999px;
}
.pmd-panel-host:hover::-webkit-scrollbar-thumb,
.pmd-right-panel:hover::-webkit-scrollbar-thumb{
  background:rgba(100,116,139,.68);
}
.pmd-panel-host::-webkit-scrollbar-corner,
.pmd-right-panel::-webkit-scrollbar-corner{
  background:transparent;
}


/* PM Designer v6.5.42.4 — Undo / Redo topbar controls */
.pmd-history-controls{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--pmd-border,#d5dbe5);border-radius:10px;background:var(--pmd-panel,#fff);box-shadow:0 1px 2px rgba(15,23,42,.05)}
.pmd-history-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--pmd-text,#111827);cursor:pointer}
.pmd-history-button:hover{background:rgba(15,23,42,.08)}
.pmd-history-button[disabled]{opacity:.36;cursor:not-allowed;pointer-events:none}
.pmd-history-button svg{width:17px;height:17px}
.pmd-theme-dark .pmd-history-controls{background:rgba(15,23,42,.92);border-color:rgba(148,163,184,.28)}
.pmd-theme-dark .pmd-history-button{color:#e5e7eb}
.pmd-theme-dark .pmd-history-button:hover{background:rgba(148,163,184,.16)}


/* PM Designer v6.5.42.5 - fixed left panel scrolling host
   Panel content scrolls inside PM Designer only; slider remains attached to the panel edge. */
.pmd-body.pmd-left-panel-overlay .pmd-panel-host{
  overflow:visible !important;
  padding:0 !important;
}
.pmd-body.pmd-left-panel-overlay .pmd-panel-host > .pmd-panel-scroll-content{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  max-height:100% !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:20px 22px 20px 20px !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(100,116,139,.55) transparent !important;
  scrollbar-gutter:stable !important;
  -webkit-overflow-scrolling:touch !important;
}
.pmd-body.pmd-left-panel-overlay .pmd-panel-host > .pmd-panel-scroll-content::-webkit-scrollbar{
  width:6px !important;
  height:6px !important;
}
.pmd-body.pmd-left-panel-overlay .pmd-panel-host > .pmd-panel-scroll-content::-webkit-scrollbar-track{
  background:transparent !important;
}
.pmd-body.pmd-left-panel-overlay .pmd-panel-host > .pmd-panel-scroll-content::-webkit-scrollbar-thumb{
  background:rgba(100,116,139,.45) !important;
  border-radius:999px !important;
}
.pmd-body.pmd-left-panel-overlay .pmd-panel-host > .pmd-panel-scroll-content:hover::-webkit-scrollbar-thumb{
  background:rgba(100,116,139,.68) !important;
}
.pmd-body.pmd-left-panel-overlay .pmd-panel-host > :not(.pmd-left-panel-slider-button):not(.pmd-panel-scroll-content){
  max-height:none !important;
  overflow:visible !important;
}
.pmd-left-panel-slider-button{
  right:-17px !important;
  z-index:5 !important;
}
[data-pmd-theme="dark"] .pmd-body.pmd-left-panel-overlay .pmd-panel-host > .pmd-panel-scroll-content{
  scrollbar-color:rgba(148,163,184,.55) transparent !important;
}
[data-pmd-theme="dark"] .pmd-body.pmd-left-panel-overlay .pmd-panel-host > .pmd-panel-scroll-content::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,.45) !important;
}


/* PM Designer v6.5.42.14 — Professional Text Tool controls */
.pmd-text-section{margin:14px 0;padding:12px;border:1px solid rgba(148,163,184,.32);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 10px 28px rgba(15,23,42,.05)}
.pmd-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:0 0 10px;color:#0f172a}
.pmd-section-title strong{font-size:13px;font-weight:700;letter-spacing:.01em}.pmd-section-title small{font-size:11px;color:#64748b;text-align:right;line-height:1.25}
.pmd-text-card-grid{display:grid;grid-template-columns:1fr;gap:9px}.pmd-text-card{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;width:100%;min-height:72px;padding:10px;border:1px solid rgba(148,163,184,.42);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);color:#111827;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.pmd-text-card:hover{border-color:#334155;box-shadow:0 10px 26px rgba(15,23,42,.12);transform:translateY(-1px)}
.pmd-text-card-preview{grid-row:1/3;display:flex;align-items:center;justify-content:center;height:50px;border-radius:12px;background:#111827;color:#fff;font-weight:800;font-size:20px;letter-spacing:-.03em}.pmd-text-card-paragraph .pmd-text-card-preview{font-size:26px;font-weight:600}.pmd-text-card-curve .pmd-text-card-preview{font-size:30px}.pmd-text-card strong{font-size:13px;line-height:1.1}.pmd-text-card small{font-size:11px;color:#64748b;line-height:1.25}
.pmd-selected-text-editor .pmd-field textarea{width:100%;min-height:82px;resize:vertical;border:1px solid #cbd5e1;border-radius:12px;padding:10px;background:#fff;color:#111827;font:inherit;line-height:1.35}.pmd-text-two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}.pmd-text-two-col>.pmd-field{min-width:0;margin:8px 0}.pmd-range-number .pmd-range-caption{display:flex;justify-content:space-between;gap:10px;align-items:center}.pmd-range-number .pmd-range-caption strong{font-size:11px;color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:2px 7px;white-space:nowrap}.pmd-range-number-row{display:grid;grid-template-columns:1fr 64px auto;gap:7px;align-items:center}.pmd-range-number-row input[type=number]{height:32px;padding:0 7px;font-size:12px}.pmd-range-number-row small{font-size:11px;color:#64748b}.pmd-text-style-row,.pmd-curve-preset-row{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.pmd-mini-action{height:31px;padding:0 10px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#111827;font-size:11px;font-weight:600;cursor:pointer}.pmd-mini-action:hover,.pmd-mini-action.active{border-color:#111827;background:#111827;color:#fff}.pmd-curve-editor{margin-top:10px;padding-top:12px;border-top:1px dashed #cbd5e1}.pmd-text-help{display:flex;flex-direction:column;gap:4px}.pmd-text-help strong{color:#0f172a}.pmd-text-help span{color:#64748b;font-size:12px;line-height:1.35}
.pmd-right-panel .pmd-curve-preset-row{margin:10px 0 4px}.pmd-right-panel .pmd-mini-action{height:30px}
[data-pmd-theme="dark"] .pmd-text-section{background:rgba(15,23,42,.74);border-color:rgba(148,163,184,.28);box-shadow:none}[data-pmd-theme="dark"] .pmd-section-title{color:#f8fafc}[data-pmd-theme="dark"] .pmd-section-title small,[data-pmd-theme="dark"] .pmd-text-card small,[data-pmd-theme="dark"] .pmd-text-help span{color:#94a3b8}[data-pmd-theme="dark"] .pmd-text-card{background:linear-gradient(180deg,#1e293b,#111827);border-color:rgba(148,163,184,.35);color:#f8fafc}[data-pmd-theme="dark"] .pmd-text-card-preview{background:#f8fafc;color:#0f172a}[data-pmd-theme="dark"] .pmd-selected-text-editor .pmd-field textarea,[data-pmd-theme="dark"] .pmd-mini-action{background:#0f172a;color:#f8fafc;border-color:rgba(148,163,184,.4)}[data-pmd-theme="dark"] .pmd-mini-action:hover,[data-pmd-theme="dark"] .pmd-mini-action.active{background:#f8fafc;color:#0f172a;border-color:#f8fafc}[data-pmd-theme="dark"] .pmd-range-number .pmd-range-caption strong{background:#111827;color:#f8fafc;border-color:rgba(148,163,184,.35)}


/* PM Designer v6.5.42.15 — Visible attached text path guide */
.pmd-path-guide-note{display:block;margin-top:8px;padding:8px 9px;border:1px dashed rgba(220,0,50,.45);border-radius:10px;background:rgba(220,0,50,.05);color:#7f1d1d;line-height:1.35;}
[data-pmd-theme="dark"] .pmd-path-guide-note{border-color:rgba(248,113,113,.5);background:rgba(127,29,29,.24);color:#fecaca;}


/* PM Designer v6.5.42.16 — Draw path + type text on path */
.pmd-text-card-draw-path .pmd-text-card-preview{font-size:28px;letter-spacing:-.08em}
.pmd-text-path-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding-top:10px;border-top:1px dashed rgba(148,163,184,.45)}
.pmd-type-on-path-button{border-color:rgba(220,0,50,.45)!important;background:rgba(220,0,50,.06)!important;color:#7f1d1d!important}
.pmd-type-on-path-button:hover{background:#dc0032!important;border-color:#dc0032!important;color:#fff!important}
.pmd-drawn-path-editor .pmd-section-title strong:before{content:'〰 ';color:#dc0032;font-weight:800}
[data-pmd-theme="dark"] .pmd-text-path-actions{border-top-color:rgba(148,163,184,.28)}
[data-pmd-theme="dark"] .pmd-type-on-path-button{background:rgba(220,0,50,.18)!important;color:#fecaca!important;border-color:rgba(248,113,113,.5)!important}
[data-pmd-theme="dark"] .pmd-type-on-path-button:hover{background:#dc0032!important;color:#fff!important}

/* PM Designer v6.5.42.17 — Native Fabric text on path */
.pmd-text-card-circle-text .pmd-text-card-preview{font-size:30px;letter-spacing:1px;}
.pmd-type-on-path-button{font-weight:700;}


/* PM Designer v6.5.42.21 — Images tab source cards */
.pmd-image-section{margin-top:14px;padding:14px;border:1px solid rgba(148,163,184,.34);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc)}
.pmd-image-card-grid,.pmd-image-source-grid{display:grid;grid-template-columns:1fr;gap:9px;margin-top:10px}
.pmd-image-card{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;width:100%;min-height:64px;padding:10px;border:1px solid rgba(148,163,184,.42);border-radius:14px;background:#fff;color:#111827;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.pmd-image-card:hover{border-color:#334155;box-shadow:0 10px 24px rgba(15,23,42,.12);transform:translateY(-1px)}
.pmd-image-card-preview{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#111827;color:#fff;font-weight:800;font-size:20px;overflow:hidden}
.pmd-image-card-preview svg{width:23px;height:23px;stroke-width:1.7}
.pmd-image-card strong{font-size:13px;line-height:1.1}.pmd-image-card small{font-size:11px;color:#64748b;line-height:1.25}
.pmd-image-url-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:8px}
.pmd-image-url-row input,.pmd-image-library-search input{height:38px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;background:#fff;color:#111827;font:inherit;font-size:12px;width:100%}
.pmd-image-camera-panel{margin-top:14px;padding:14px;border:1px dashed #94a3b8;border-radius:16px;background:#f8fafc}
.pmd-image-camera-video{width:100%;min-height:160px;border-radius:14px;background:#0f172a;object-fit:cover;border:1px solid #cbd5e1}
.pmd-social-preset-grid .pmd-image-card-preview{background:#0f172a;font-size:18px}
.pmd-image-help{display:flex;flex-direction:column;gap:4px}.pmd-image-help span{font-size:12px;color:#64748b;line-height:1.35}
[data-pmd-theme="dark"] .pmd-image-section{background:linear-gradient(180deg,#1e293b,#111827);border-color:rgba(148,163,184,.3)}
[data-pmd-theme="dark"] .pmd-image-card{background:#0f172a;color:#f8fafc;border-color:rgba(148,163,184,.36)}
[data-pmd-theme="dark"] .pmd-image-card:hover{border-color:#f8fafc;box-shadow:0 10px 24px rgba(0,0,0,.35)}
[data-pmd-theme="dark"] .pmd-image-card-preview{background:#f8fafc;color:#0f172a}
[data-pmd-theme="dark"] .pmd-image-card small,[data-pmd-theme="dark"] .pmd-image-help span{color:#94a3b8}
[data-pmd-theme="dark"] .pmd-image-url-row input,[data-pmd-theme="dark"] .pmd-image-library-search input{background:#020617;color:#f8fafc;border-color:rgba(148,163,184,.4)}
[data-pmd-theme="dark"] .pmd-image-camera-panel{background:#0f172a;border-color:rgba(148,163,184,.36)}

/* PM Designer v6.5.42.22 — Backend Stock Image API */
.pmd-stock-api-section{border-style:solid;background:linear-gradient(180deg,#ffffff,#f1f5f9)}
.pmd-stock-search-row{display:grid;grid-template-columns:1fr minmax(108px,142px) auto;gap:8px;align-items:center;margin-top:10px}
.pmd-stock-search-row input,.pmd-stock-search-row select{height:38px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;background:#fff;color:#111827;font:inherit;font-size:12px;width:100%}
.pmd-stock-disabled-note{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding:10px;border:1px dashed rgba(148,163,184,.65);border-radius:12px;background:rgba(248,250,252,.72)}
.pmd-stock-disabled-note strong{font-size:12px;color:#111827}.pmd-stock-disabled-note span,.pmd-stock-message{font-size:11px;color:#64748b;line-height:1.35}
.pmd-stock-loading{margin-top:10px;padding:10px;border-radius:12px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700;text-align:center}
.pmd-stock-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.pmd-stock-result-card{display:flex;flex-direction:column;gap:6px;min-height:132px;padding:8px;border:1px solid rgba(148,163,184,.42);border-radius:14px;background:#fff;color:#111827;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.pmd-stock-result-card:hover{border-color:#334155;box-shadow:0 10px 24px rgba(15,23,42,.12);transform:translateY(-1px)}
.pmd-stock-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:84px;border-radius:10px;background:#e2e8f0;overflow:hidden;color:#64748b;font-size:12px;font-weight:800}
.pmd-stock-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pmd-stock-result-card strong{font-size:11px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pmd-stock-result-card small{font-size:10px;color:#64748b;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-pmd-theme="dark"] .pmd-stock-api-section{background:linear-gradient(180deg,#1e293b,#0f172a)}
[data-pmd-theme="dark"] .pmd-stock-search-row input,[data-pmd-theme="dark"] .pmd-stock-search-row select{background:#020617;color:#f8fafc;border-color:rgba(148,163,184,.4)}
[data-pmd-theme="dark"] .pmd-stock-disabled-note{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.35)}
[data-pmd-theme="dark"] .pmd-stock-disabled-note strong{color:#f8fafc}[data-pmd-theme="dark"] .pmd-stock-disabled-note span,[data-pmd-theme="dark"] .pmd-stock-message{color:#94a3b8}
[data-pmd-theme="dark"] .pmd-stock-loading{background:#111827;color:#c7d2fe}
[data-pmd-theme="dark"] .pmd-stock-result-card{background:#0f172a;color:#f8fafc;border-color:rgba(148,163,184,.36)}
[data-pmd-theme="dark"] .pmd-stock-result-card:hover{border-color:#f8fafc;box-shadow:0 10px 24px rgba(0,0,0,.35)}
[data-pmd-theme="dark"] .pmd-stock-thumb{background:#020617;color:#94a3b8}
[data-pmd-theme="dark"] .pmd-stock-result-card small{color:#94a3b8}
@media (max-width:520px){.pmd-stock-search-row{grid-template-columns:1fr}.pmd-stock-result-grid{grid-template-columns:1fr}}

/* PM Designer v6.5.42.23 — Social image source browser */
.pmd-social-browser-section{border-style:solid;background:linear-gradient(180deg,#ffffff,#f8fafc)}
.pmd-social-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pmd-social-source-card{position:relative}
.pmd-social-source-card.is-active{border-color:#111827;box-shadow:0 0 0 2px rgba(15,23,42,.08),0 10px 24px rgba(15,23,42,.12)}
.pmd-social-source-card .pmd-image-card-preview{background:#111827;color:#fff}
.pmd-social-source-badge{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:15px;font-weight:800;letter-spacing:.2px}
.pmd-social-url-row{margin-top:10px}
.pmd-social-empty{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding:12px;border:1px dashed rgba(148,163,184,.65);border-radius:12px;background:rgba(248,250,252,.72)}
.pmd-social-empty strong{font-size:12px;color:#111827}
.pmd-social-empty span{font-size:11px;color:#64748b;line-height:1.35}
.pmd-social-result-grid{margin-top:10px}
.pmd-social-result-card small{text-transform:capitalize}
[data-pmd-theme="dark"] .pmd-social-browser-section{background:linear-gradient(180deg,#1e293b,#0f172a)}
[data-pmd-theme="dark"] .pmd-social-source-card.is-active{border-color:#f8fafc;box-shadow:0 0 0 2px rgba(248,250,252,.08),0 10px 24px rgba(0,0,0,.35)}
[data-pmd-theme="dark"] .pmd-social-source-card .pmd-image-card-preview{background:#f8fafc;color:#0f172a}
[data-pmd-theme="dark"] .pmd-social-empty{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.35)}
[data-pmd-theme="dark"] .pmd-social-empty strong{color:#f8fafc}
[data-pmd-theme="dark"] .pmd-social-empty span{color:#94a3b8}
@media (max-width:520px){.pmd-social-source-grid{grid-template-columns:1fr}}

/* PM Designer v6.5.42.28 — v24 rollback, safe free-library instructions */
.pmd-library-panel{border-style:solid;background:linear-gradient(180deg,#ffffff,#f8fafc)}
.pmd-library-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pmd-library-icon-card{grid-template-columns:44px 1fr;grid-template-rows:auto;min-height:58px}
.pmd-library-icon-card.is-active{border-color:#111827;box-shadow:0 0 0 2px rgba(15,23,42,.08),0 10px 24px rgba(15,23,42,.12)}
.pmd-library-instruction{display:flex;flex-direction:column;gap:5px;margin-top:10px;padding:11px;border:1px dashed rgba(148,163,184,.7);border-radius:12px;background:rgba(248,250,252,.78)}
.pmd-library-instruction strong{font-size:12px;color:#111827}.pmd-library-instruction span{font-size:11px;line-height:1.38;color:#64748b}
.pmd-library-search-row{grid-template-columns:1fr auto}
[data-pmd-theme="dark"] .pmd-library-panel{background:linear-gradient(180deg,#1e293b,#0f172a)}
[data-pmd-theme="dark"] .pmd-library-icon-card.is-active{border-color:#f8fafc;box-shadow:0 0 0 2px rgba(248,250,252,.08),0 10px 24px rgba(0,0,0,.35)}
[data-pmd-theme="dark"] .pmd-library-instruction{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.35)}
[data-pmd-theme="dark"] .pmd-library-instruction strong{color:#f8fafc}[data-pmd-theme="dark"] .pmd-library-instruction span{color:#94a3b8}
@media (max-width:520px){.pmd-library-icon-grid{grid-template-columns:1fr}.pmd-library-search-row{grid-template-columns:1fr}}