.mhvs{box-sizing:border-box;max-width:900px;margin:20px auto;padding:22px;border:1px solid #e3d8d0;border-radius:12px;background:#fff;color:#242424;font:16px/1.5 Arial,Helvetica,sans-serif;overflow:hidden}.mhvs *{box-sizing:border-box}.mhvs h2{font:700 clamp(22px,3vw,30px)/1.2 Arial,Helvetica,sans-serif;color:#b30000;margin:0 0 14px}.mhvs p,.mhvs label,.mhvs textarea,.mhvs button{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:normal!important}.mhvs-stage{position:relative;background:#111;border-radius:8px;overflow:hidden;margin:14px 0 6px}.mhvs-stage video{display:block;width:100%;max-height:500px;object-fit:contain;background:#111;margin:0}.mhvs-stage canvas{position:absolute;pointer-events:none;z-index:2}.mhvs-hint{font-size:14px;color:#6b3d00;background:#fff6da;padding:9px 12px;border-radius:6px;margin:8px 0}.mhvs-upload{display:block;padding:15px;background:#fff8df;border:1px dashed #c59b24;border-radius:8px;cursor:pointer}.mhvs-upload input{display:block;margin-top:8px;max-width:100%}.mhvs-controls{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0;max-width:100%}.mhvs button{max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:10px 13px;border:0;border-radius:6px;background:#b40000;color:#fff;cursor:pointer;font-size:15px;font-weight:700;line-height:1.3}.mhvs button[data-up],.mhvs button[data-down],.mhvs button[data-reset]{background:#f2c62e;color:#221b00}.mhvs button:disabled{background:#d2ccc6;color:#625f5b;cursor:not-allowed}.mhvs button[data-cancel]{background:#8c1616}.mhvs-label{display:block;font-weight:700}.mhvs textarea{display:block;width:100%;max-width:100%;margin-top:7px;font:14px/1.5 Arial,Helvetica,sans-serif!important;padding:12px;border:1px solid #c7bcb2;border-radius:6px;resize:vertical}.mhvs-status{font-weight:700;min-height:1.5em;overflow-wrap:anywhere}.mhvs-note{font-size:14px;color:#555;overflow-wrap:anywhere}@media(max-width:520px){.mhvs{padding:12px}.mhvs button{flex:1 1 135px}}
/* Keep long labels and controls within the shortcode, even with aggressive theme CSS. */
.mhvs{width:100%;min-width:0;overflow-wrap:anywhere}
.mhvs .mhvs-label{max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;line-height:1.45}
.mhvs .mhvs-controls{min-width:0;width:100%}
.mhvs .mhvs-controls button{min-width:0;flex:0 1 auto}
.mhvs .mhvs-stage{width:100%;min-width:0}
.mhvs .mhvs-note{white-space:normal}

/* v1.0.3: compact, aspect-aware video preview and theme-proof wrapping. */
.mhvs > p, .mhvs > h2, .mhvs .mhvs-upload, .mhvs .mhvs-hint, .mhvs .mhvs-status {
  display:block; max-width:100%; min-width:0; white-space:normal!important;
  overflow-wrap:break-word!important; word-wrap:break-word!important;
}
.mhvs .mhvs-stage {
  width:min(100%,500px)!important; max-width:100%!important;
  margin:10px auto 6px!important; background:#111;
}
.mhvs .mhvs-stage.mhvs-portrait {width:min(100%,170px)!important}
.mhvs .mhvs-stage.mhvs-square {width:min(100%,290px)!important}
.mhvs .mhvs-stage.mhvs-landscape {width:min(100%,500px)!important}
.mhvs .mhvs-stage video {
  width:100%!important; height:auto!important; max-height:300px!important;
  object-fit:contain!important; margin:0!important;
}
.mhvs .mhvs-stage canvas {max-width:100%;}
.mhvs .mhvs-controls {margin:9px 0!important;gap:8px!important}
.mhvs textarea {min-height:115px!important}
.mhvs .mhvs-note {line-height:1.35}