/* V4.24.34 — Page Designer installed theme display repair */
#page-designer .fx34-model-panel{
  width:min(100%,1320px);
  margin:0 auto 18px;
  padding:18px;
  border:1px solid rgba(62,139,202,.28);
  border-radius:18px;
  background:linear-gradient(180deg,#0b3150,#091d34);
}
#page-designer .fx34-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px
}
#page-designer .fx34-head h3{margin:4px 0 5px;font-size:20px}
#page-designer .fx34-head p:last-child{margin:0;color:#8fa8bf;font-size:12px}
#page-designer .fx34-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
#page-designer .fx34-card{
  min-width:0;overflow:hidden;
  border:1px solid rgba(102,157,211,.20);
  border-radius:16px;
  background:linear-gradient(180deg,#0a2037,#081a2d);
  box-shadow:0 14px 32px rgba(0,0,0,.10);
}
#page-designer .fx34-card.selected{
  border-color:#2aa9e8;
  box-shadow:0 0 0 2px rgba(42,169,232,.10),0 14px 32px rgba(0,0,0,.12);
}
#page-designer .fx34-preview{
  position:relative;
  height:230px;
  overflow:hidden;
  background:#fff;
  border-bottom:1px solid rgba(102,157,211,.16);
}
#page-designer .fx34-preview iframe{
  position:absolute;
  top:0;left:0;
  width:250%;
  height:250%;
  max-width:none!important;
  border:0;
  transform:scale(.4);
  transform-origin:0 0;
  background:#fff;
  pointer-events:none;
}
#page-designer .fx34-preview-open{
  position:absolute;inset:0;z-index:2;width:100%;height:100%;
  border:0;background:transparent;cursor:pointer
}
#page-designer .fx34-selected{
  position:absolute;top:10px;right:10px;z-index:3;
  padding:6px 10px;border-radius:999px;
  background:#10a967;color:#fff;font-size:10px;font-weight:900
}
#page-designer .fx34-content{padding:15px}
#page-designer .fx34-title{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px
}
#page-designer .fx34-title h4{margin:0 0 3px;font-size:15px}
#page-designer .fx34-title span{color:#7896b2;font-size:10px}
#page-designer .fx34-title em{
  padding:5px 8px;border-radius:999px;background:#123c70;color:#a8d0ff;
  font-size:9px;font-style:normal;font-weight:900
}
#page-designer .fx34-content>p{
  margin:10px 0 14px;color:#8fa7bf;font-size:11px;line-height:1.55
}
#page-designer .fx34-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:8px
}
#page-designer .fx34-import{grid-column:1/-1}
#page-designer .fx34-actions button{width:100%;min-height:40px}
#page-designer .fx34-empty{
  grid-column:1/-1;
  display:grid;gap:5px;place-items:center;
  min-height:110px;padding:22px;
  border:1px dashed #2d587c;border-radius:14px;
  color:#8eabc5;text-align:center
}
#page-designer .fx34-empty strong{color:#dce9f5}
#page-designer .fx34-empty span{font-size:11px}

/* Keep old native built-in visual themes out of the way; editable design fields remain. */
#homepageThemeGallery,#userPageThemeGallery,#studioThemeGallery,
#page-designer .designer-theme-heading{display:none!important}

/* Live preview */
.fx34-modal{
  position:fixed;inset:0;z-index:2147482500;
  display:grid;place-items:center;padding:18px;
  background:rgba(3,11,21,.80);backdrop-filter:blur(9px)
}
.fx34-modal.hidden{display:none!important}
.fx34-dialog{
  width:min(1440px,96vw);height:min(900px,93vh);
  display:flex;flex-direction:column;overflow:hidden;
  border:1px solid rgba(103,157,210,.28);border-radius:20px;
  background:#071827;box-shadow:0 35px 100px rgba(0,0,0,.55)
}
.fx34-modal-head{
  min-height:56px;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:10px 14px;border-bottom:1px solid rgba(103,157,210,.16)
}
.fx34-modal-head>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fx34-modal-head span{color:#7998b5;font-size:11px}
.fx34-dialog iframe{width:100%;height:100%;flex:1;border:0;background:#fff}

@media(max-width:900px){
  #page-designer .fx34-grid{grid-template-columns:1fr}
  #page-designer .fx34-head{display:block}
  #page-designer .fx34-head button{width:100%;margin-top:10px}
  #page-designer .fx34-preview{height:220px}
}
@media(max-width:620px){
  #page-designer .fx34-model-panel{padding:13px;border-radius:15px}
  #page-designer .fx34-preview{height:180px}
  #page-designer .fx34-actions{grid-template-columns:1fr}
  #page-designer .fx34-import{grid-column:auto}
  .fx34-modal{padding:7px}
  .fx34-dialog{width:100%;height:96vh;border-radius:14px}
  .fx34-modal-head{align-items:flex-start;flex-direction:column}
}