#miniweb-hub{--mw-gold:#d8a82e;--mw-ink:#171512;--mw-muted:#777064;max-width:1440px;margin:0 auto;padding:clamp(18px,3vw,38px);color:var(--text-primary,#26231f);font-family:inherit}.dxmw-hub-hero{position:relative;overflow:hidden;padding:clamp(28px,5vw,62px);border:1px solid rgba(195,151,49,.35);border-radius:22px;background:radial-gradient(ellipse at 85% 20%,rgba(218,169,46,.17),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.84),rgba(242,232,214,.78));box-shadow:0 18px 55px rgba(28,22,13,.08);animation:dxmw-rise .65s ease both}.dxmw-hub-hero:after{content:"";position:absolute;width:280px;height:280px;right:-100px;bottom:-160px;border:1px solid rgba(200,153,39,.25);border-radius:50%;box-shadow:0 0 0 24px rgba(200,153,39,.035),0 0 0 50px rgba(200,153,39,.025);pointer-events:none}.dxmw-kicker{display:inline-flex;align-items:center;gap:8px;color:#9a7114;font-size:.75rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.dxmw-hub-hero h1{font-size:clamp(2rem,5vw,3.65rem);line-height:1.08;letter-spacing:-.04em;margin:18px 0 14px;max-width:850px}.dxmw-hub-hero h1 em{font-style:normal;color:#a77913}.dxmw-hub-hero>p{max-width:690px;font-size:1.06rem;line-height:1.75;color:#6f675b}.dxmw-beta-pill{display:inline-flex;align-items:center;gap:9px;margin:12px 0 20px;padding:9px 13px;border-radius:999px;background:rgba(208,161,45,.12);border:1px solid rgba(190,145,32,.3);font-size:.72rem;font-weight:800;letter-spacing:.04em}.dxmw-beta-pill span{width:8px;height:8px;border-radius:50%;background:#4e9c68;box-shadow:0 0 0 4px rgba(78,156,104,.13);animation:dxmw-pulse 1.8s infinite}.dxmw-cta{display:flex;width:max-content;max-width:100%;align-items:center;gap:12px;padding:13px 17px;border-radius:12px;background:#201c15;color:#f6e5b4;text-decoration:none;font-weight:750;transition:transform .2s,background .2s}.dxmw-cta:hover{transform:translateY(-2px);background:#3a2d12}.dxmw-progress{height:4px;max-width:300px;margin:28px 0 8px;background:rgba(110,90,52,.14);border-radius:9px;overflow:hidden}.dxmw-progress span{display:block;width:68%;height:100%;border-radius:9px;background:linear-gradient(90deg,#b98819,#ead28a);animation:dxmw-progress 1.4s ease both}.dxmw-hub-hero small{color:#82796a}.dxmw-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}.dxmw-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color,rgba(154,126,77,.22));border-radius:17px;background:var(--card-bg,rgba(255,255,255,.76));box-shadow:0 9px 28px rgba(40,31,15,.045);animation:dxmw-rise .55s ease both;animation-delay:var(--dxmw-delay,0ms);transition:transform .22s,border-color .22s,box-shadow .22s}.dxmw-card:hover{transform:translateY(-3px);border-color:rgba(190,145,32,.55);box-shadow:0 14px 35px rgba(40,31,15,.09)}.dxmw-card-copy{padding:28px 30px 14px}.dxmw-card h2{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.25;margin:10px 0;color:var(--text-primary,#28241e)}.dxmw-card p{font-size:.94rem;line-height:1.75;color:var(--text-secondary,#70695e);margin:0 0 12px}.dxmw-media{margin:auto 22px 22px;overflow:hidden;border-radius:12px;max-height:280px;background:#e7dfd1}.dxmw-media img,.dxmw-media video{display:block;width:100%;max-height:280px;object-fit:cover}.dxmw-visual{position:relative;display:grid;place-items:center;min-height:190px;margin:0 22px 22px;overflow:hidden;border:1px solid rgba(201,158,50,.18);border-radius:12px;background:radial-gradient(ellipse at 50% 120%,rgba(211,166,54,.19),transparent 60%),linear-gradient(135deg,rgba(244,237,224,.9),rgba(226,215,195,.6));color:#a78025}.dxmw-visual>span{position:absolute;left:18px;top:13px;font-size:.75rem;font-weight:800;letter-spacing:.1em;opacity:.65}.dxmw-visual>i{width:38px;height:38px;stroke-width:1.35}.dxmw-visual-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(174,136,55,.1) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(174,136,55,.1) 50%,transparent 50.3%);background-size:32px 32px;mask-image:linear-gradient(transparent,#000)}.dxmw-footer-note{display:flex;gap:13px;align-items:flex-start;margin:20px 0 6px;padding:16px 18px;border-radius:13px;background:rgba(205,164,68,.09);border:1px solid rgba(189,145,42,.2);color:var(--text-secondary,#70695e)}.dxmw-footer-note>i{flex:none;color:#a77913;margin-top:3px}.dxmw-footer-note p{margin:0;font-size:.88rem;line-height:1.65}.dxmw-edit-fab{position:fixed;z-index:2147483000;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid rgba(245,210,123,.4);border-radius:14px;background:linear-gradient(135deg,#242018,#100f0c);color:#f1d38a;box-shadow:0 12px 35px rgba(0,0,0,.25);font:inherit;font-weight:750;cursor:pointer;transition:transform .2s,box-shadow .2s}.dxmw-edit-fab:hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(0,0,0,.3)}.dxmw-editor-backdrop{position:fixed;z-index:2147483003;inset:0;display:grid;place-items:center;padding:20px;background:rgba(5,6,8,.76);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}.dxmw-editor-backdrop.is-open{opacity:1;visibility:visible}.dxmw-editor-modal{width:min(760px,100%);max-height:min(88dvh,900px);overflow:auto;border:1px solid rgba(205,164,68,.38);border-radius:19px;background:var(--surface,#f8f2e8);color:var(--text-primary,#28241e);box-shadow:0 30px 100px rgba(0,0,0,.36);transform:translateY(16px) scale(.985);transition:transform .24s}.is-open .dxmw-editor-modal{transform:translateY(0) scale(1)}.dxmw-editor-modal>header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 17px;border-bottom:1px solid rgba(130,105,60,.18)}.dxmw-editor-modal h2{margin:7px 0 0;font-size:1.35rem}.dxmw-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(130,105,60,.2);border-radius:10px;background:transparent;color:inherit;cursor:pointer}.dxmw-editor-progress{height:3px;background:rgba(130,105,60,.12)}.dxmw-editor-progress span{display:block;width:0;height:100%;background:#c99a2c;transition:width .25s}.dxmw-editor-modal form{padding:22px 24px 24px;display:grid;gap:15px}.dxmw-editor-modal label{display:grid;gap:7px;font-size:.86rem;font-weight:750}.dxmw-editor-modal input,.dxmw-editor-modal textarea,.dxmw-editor-modal select{width:100%;min-width:0;padding:11px 12px;border:1px solid rgba(130,105,60,.27);border-radius:10px;background:rgba(255,255,255,.7);color:#27231d;font:inherit;font-weight:450;outline:none}.dxmw-editor-modal input:focus,.dxmw-editor-modal textarea:focus,.dxmw-editor-modal select:focus{border-color:#c99a2c;box-shadow:0 0 0 3px rgba(201,154,44,.14)}.dxmw-upload-label small{font-weight:450;color:#777064}.dxmw-editor-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.dxmw-editor-actions button{display:flex;align-items:center;gap:8px;padding:11px 15px;border-radius:10px;font:inherit;font-weight:750;cursor:pointer}.dxmw-secondary{border:1px solid rgba(130,105,60,.24);background:transparent;color:inherit}.dxmw-save{border:1px solid #2c2618;background:#282116;color:#f1d38a}.dxmw-save:disabled{opacity:.55;cursor:wait}.dxmw-editor-status{margin:0;min-height:1.2em;font-size:.88rem;color:#7c671e}.dxmw-editor-status.is-error{color:#b83c32}@keyframes dxmw-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes dxmw-pulse{50%{box-shadow:0 0 0 7px rgba(78,156,104,.05)}}@keyframes dxmw-progress{from{width:0}to{width:68%}}@media(max-width:760px){#miniweb-hub{padding:14px}.dxmw-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.dxmw-hub-hero{padding:25px 21px}.dxmw-card-copy{padding:20px 20px 10px}.dxmw-edit-fab{left:max(12px,env(safe-area-inset-left));right:auto;bottom:max(12px,env(safe-area-inset-bottom));padding:12px 14px}.dxmw-editor-backdrop{padding:10px}.dxmw-editor-modal{max-height:92dvh}.dxmw-editor-modal form{padding:18px}.dxmw-editor-modal>header{padding:18px}.dxmw-editor-actions{position:sticky;bottom:-18px;padding:12px 0 0;background:var(--surface,#f8f2e8)}}@media(prefers-reduced-motion:reduce){.dxmw-hub-hero,.dxmw-card,.dxmw-progress span,.dxmw-beta-pill span{animation:none}.dxmw-card,.dxmw-cta,.dxmw-edit-fab,.dxmw-editor-backdrop,.dxmw-editor-modal{transition:none}}body.dxmw-modal-open{overflow:hidden}

/* DropX dark theme: fully separate dark palette for the HUB and owner editor. */
body.theme-dark #miniweb-hub{color:var(--theme-text,#e8e5df)}
body.theme-dark .dxmw-hub-hero{background:radial-gradient(ellipse at 85% 20%,rgba(218,169,46,.12),transparent 38%),linear-gradient(135deg,#151719,#0c0e10);border-color:rgba(205,160,43,.34);box-shadow:0 18px 55px rgba(0,0,0,.24)}
body.theme-dark .dxmw-hub-hero h1{color:#f1eee7}
body.theme-dark .dxmw-hub-hero h1 em{color:#d8a82e}
body.theme-dark .dxmw-hub-hero>p,body.theme-dark .dxmw-hub-hero small{color:#aaa69d}
body.theme-dark .dxmw-card{background:linear-gradient(145deg,#17191c,#101214);border-color:rgba(205,160,43,.2);box-shadow:0 12px 30px rgba(0,0,0,.18)}
body.theme-dark .dxmw-card h2{color:#f0ece3}
body.theme-dark .dxmw-card p{color:#b5b1a9}
body.theme-dark .dxmw-visual{background:radial-gradient(ellipse at 50% 120%,rgba(211,166,54,.12),transparent 60%),linear-gradient(135deg,#202124,#151719);border-color:rgba(201,158,50,.24);color:#d0a332}
body.theme-dark .dxmw-footer-note{background:rgba(205,164,68,.07);border-color:rgba(189,145,42,.23);color:#b7b2a8}
body.theme-dark .dxmw-editor-modal{background:#151719;color:#eee9df;border-color:rgba(205,164,68,.45)}
body.theme-dark .dxmw-editor-modal>header{border-color:rgba(205,164,68,.2)}
body.theme-dark .dxmw-editor-modal input,body.theme-dark .dxmw-editor-modal textarea,body.theme-dark .dxmw-editor-modal select{background:#0b0d0f;color:#eee9df;border-color:#45413a;color-scheme:dark}
body.theme-dark .dxmw-upload-label small{color:#aaa49a}
body.theme-dark .dxmw-secondary{border-color:#514a3b;color:#eee9df}
body.theme-dark .dxmw-editor-actions{background:#151719}
@media(max-width:440px){.dxmw-section-grid{grid-template-columns:1fr}.dxmw-card-copy{padding:20px 20px 10px}.dxmw-visual{min-height:145px;margin:0 16px 16px}.dxmw-media{margin:0 16px 16px}.dxmw-edit-fab span{font-size:.82rem}.dxmw-editor-modal h2{font-size:1.12rem}}


/* HUB V5: hero media rendering, upload preview and mobile editor control placement. */
.dxmw-hub-hero.has-media{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.85fr);align-items:center;gap:clamp(22px,4vw,52px)}
.dxmw-hero-copy{position:relative;z-index:1;min-width:0}
.dxmw-hero-media{position:relative;z-index:1;min-width:0;overflow:hidden;border:1px solid rgba(205,164,68,.28);border-radius:16px;background:rgba(0,0,0,.12);box-shadow:0 18px 44px rgba(0,0,0,.16)}
.dxmw-hero-media img,.dxmw-hero-media video{display:block;width:100%;max-height:420px;object-fit:cover}
.dxmw-editor-media-preview{display:grid;gap:8px;padding:10px;border:1px solid rgba(201,154,44,.3);border-radius:12px;background:rgba(201,154,44,.06)}
.dxmw-editor-media-preview[hidden]{display:none}
.dxmw-editor-media-preview>span{font-size:.78rem;font-weight:750;color:var(--text-secondary,#aaa)}
#dxmw-editor-media-preview-content{overflow:hidden;border-radius:8px;background:#08090a;min-height:40px}
#dxmw-editor-media-preview-content img,#dxmw-editor-media-preview-content video{display:block;width:100%;max-height:240px;object-fit:contain}
.dxmw-editor-modal textarea#dxmw-title{min-height:58px;resize:vertical}
@media(max-width:760px){
 .dxmw-hub-hero.has-media{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:68px}
 .dxmw-hub-hero:not(.has-media){padding-top:68px}
 .dxmw-edit-fab{position:absolute;top:12px;right:12px;bottom:auto;left:auto;z-index:5;padding:9px 11px;gap:7px;border-radius:11px;box-shadow:0 7px 22px rgba(0,0,0,.32);max-width:calc(100% - 24px)}
 .dxmw-edit-fab span{font-size:.75rem;white-space:nowrap}
 .dxmw-hero-media img,.dxmw-hero-media video{max-height:300px}
}
@media(max-width:440px){
 .dxmw-hub-hero.has-media{padding-top:65px}
 .dxmw-edit-fab{padding:8px 9px}
 .dxmw-edit-fab span{font-size:.7rem}
}


/* HUB V6: desktop hero composition — framed media with a purposeful feature rail. */
@media (min-width: 761px) {
 .dxmw-hub-hero.has-media {
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
  gap: clamp(30px, 4.2vw, 66px);
  padding: clamp(34px, 4.2vw, 64px);
  min-height: 510px;
 }
 .dxmw-hero-copy {
  max-width: 690px;
 }
 .dxmw-hub-hero h1 {
  max-width: 760px;
  font-size: clamp(2.45rem, 3.55vw, 3.8rem);
  line-height: 1.07;
 }
 .dxmw-hero-side {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(205,164,68,.22);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(214,171,70,.075), rgba(9,11,13,.2));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 22px 55px rgba(0,0,0,.13);
 }
 .dxmw-hero-media-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 1px 3px 13px;
  color: var(--text-secondary, #9d9689);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
 }
 .dxmw-hero-media-label > span,
 .dxmw-hero-media-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
 }
 .dxmw-hero-media-label svg {
  width: 15px;
  height: 15px;
  color: #c99a2c;
 }
 .dxmw-hero-media-status {
  padding: 6px 9px;
  border: 1px solid rgba(201,154,44,.22);
  border-radius: 999px;
  color: #d9bd78;
  letter-spacing: .04em;
  white-space: nowrap;
 }
 .dxmw-hero-media {
  display: grid;
  place-items: center;
  min-height: 260px;
  max-height: 340px;
  padding: 8px;
  border-color: rgba(205,164,68,.2);
  border-radius: 15px;
  background: radial-gradient(ellipse at 50% 48%, rgba(219,174,73,.1), transparent 67%), rgba(4,6,8,.48);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.018);
 }
 .dxmw-hero-media img,
 .dxmw-hero-media video {
  width: 100%;
  max-height: 322px;
  object-fit: contain;
  border-radius: 10px;
 }
 .dxmw-hero-highlights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 12px;
 }
 .dxmw-hero-highlight {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  min-width: 0;
  padding: 12px 10px;
  border: 1px solid rgba(205,164,68,.16);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
 }
 .dxmw-hero-highlight > svg {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  margin-top: 2px;
  color: #d1a33b;
  stroke-width: 1.8;
 }
 .dxmw-hero-highlight span {
  display: grid;
  gap: 4px;
  min-width: 0;
 }
 .dxmw-hero-highlight strong {
  color: var(--text-primary, #eee8dc);
  font-size: .72rem;
  line-height: 1.3;
 }
 .dxmw-hero-highlight small {
  color: var(--text-secondary, #9d9689);
  font-size: .66rem;
  line-height: 1.35;
 }
 body.theme-dark .dxmw-hero-side {
  background: linear-gradient(145deg, rgba(214,171,70,.07), rgba(5,7,9,.42));
  border-color: rgba(205,164,68,.25);
 }
}
@media (max-width: 760px) {
 .dxmw-hero-side {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(205,164,68,.2);
  border-radius: 16px;
  background: rgba(8,10,12,.18);
 }
 .dxmw-hero-media-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0 2px 9px;
  color: var(--text-secondary, #9d9689);
  font-size: .61rem;
  font-weight: 800;
  letter-spacing: .08em;
 }
 .dxmw-hero-media-label > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
 }
 .dxmw-hero-media-label svg {
  width: 13px;
  height: 13px;
  color: #c99a2c;
 }
 .dxmw-hero-media-status {
  padding: 5px 7px;
  border: 1px solid rgba(201,154,44,.2);
  border-radius: 999px;
  white-space: nowrap;
 }
 .dxmw-hero-highlights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 8px;
 }
 .dxmw-hero-highlight {
  display: grid;
  justify-items: center;
  gap: 5px;
  padding: 9px 5px;
  text-align: center;
  border: 1px solid rgba(205,164,68,.15);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
 }
 .dxmw-hero-highlight > svg {
  width: 16px;
  height: 16px;
  color: #d1a33b;
 }
 .dxmw-hero-highlight span {
  display: grid;
  gap: 3px;
 }
 .dxmw-hero-highlight strong {
  font-size: .63rem;
  line-height: 1.25;
 }
 .dxmw-hero-highlight small {
  display: none;
 }
}


/* HUB V7: move beta status, discovery CTA and beta timeline to the right media column. */
.dxmw-hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0}
.dxmw-hero-actions .dxmw-beta-pill{margin:12px 0 18px}
.dxmw-hero-actions .dxmw-progress{width:100%;margin:18px 0 8px}
.dxmw-hero-actions>small{display:block;line-height:1.5}
.dxmw-hero-actions-side{padding:2px 1px 0}
.dxmw-hero-actions-side .dxmw-cta{margin-top:13px}
.dxmw-hero-actions-side .dxmw-progress{max-width:none;margin-top:15px}
.dxmw-hero-media-status{gap:8px}
.dxmw-status-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#4caf70;box-shadow:0 0 0 0 rgba(76,175,112,.45);animation:dxmw-status-pulse 1.8s infinite}
@keyframes dxmw-status-pulse{0%{box-shadow:0 0 0 0 rgba(76,175,112,.42)}70%{box-shadow:0 0 0 7px rgba(76,175,112,0)}100%{box-shadow:0 0 0 0 rgba(76,175,112,0)}}
@media(min-width:761px){
 .dxmw-hub-hero.has-media{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}
 .dxmw-hero-copy{align-self:center}
 .dxmw-hub-hero h1{max-width:760px;font-size:clamp(2.55rem,3.25vw,3.65rem)}
 .dxmw-hero-media-status{font-size:.62rem;letter-spacing:.015em}
}
@media(max-width:760px){
 .dxmw-hero-media-status{font-size:.59rem;letter-spacing:0}
 .dxmw-hero-actions-side .dxmw-cta{width:100%;justify-content:space-between;margin-top:10px}
 .dxmw-hero-actions-side .dxmw-progress{margin-top:13px}
 .dxmw-hero-actions-side>small{font-size:.72rem}
}
@media(prefers-reduced-motion:reduce){.dxmw-status-dot{animation:none}}


/* HUB V8: viewport-level editor overlay, one active scrollbar, uncropped media. */
html.dxmw-modal-open,
body.dxmw-modal-open {
  overscroll-behavior: none;
}
.dxmw-editor-backdrop {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;
  min-height: 100vh;
  z-index: 2147483647;
  overflow: hidden;
  overscroll-behavior: none;
  padding: 24px;
  box-sizing: border-box;
  background: rgba(4, 5, 7, .78);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.dxmw-editor-modal {
  position: relative;
  margin: auto;
  max-height: calc(100dvh - 48px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  box-sizing: border-box;
}
.dxmw-editor-backdrop.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dxmw-editor-backdrop.is-open .dxmw-editor-modal {
  flex: 0 1 760px;
  max-width: 100%;
}
.dxmw-hero-media img,
.dxmw-hero-media video,
.dxmw-media img,
.dxmw-media video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 460px;
  object-fit: contain;
  object-position: center;
}
.dxmw-hero-media,
.dxmw-media {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #080a0c;
}
.dxmw-media {
  max-height: none;
  min-height: 0;
}
.dxmw-editor-media-preview-content img,
.dxmw-editor-media-preview-content video {
  object-fit: contain;
  object-position: center;
}
body.dxmw-modal-open {
  overscroll-behavior: none;
}
@media (max-width: 760px) {
  .dxmw-editor-backdrop {
    align-items: flex-start;
    padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
  }
  .dxmw-editor-backdrop.is-open .dxmw-editor-modal {
    width: 100%;
    max-height: calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    margin: auto 0;
  }
  .dxmw-hero-media img,
  .dxmw-hero-media video,
  .dxmw-media img,
  .dxmw-media video {
    max-height: 360px;
  }
}