/* logo + text overlay layer (player pages and the studio editor) */
.ovl{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden;direction:rtl}
.ov{position:absolute;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none;margin:0}
.ov.lk{pointer-events:auto;cursor:pointer;text-decoration:none}
.ov-logo{width:calc(var(--w) * 1vw)}
.ov-logo img{display:block;width:100%;height:auto;pointer-events:none}
.ov-text{font-size:calc(var(--s) * 1vw);font-weight:700;line-height:1.4;text-align:center;width:max-content;max-width:94%;
  text-shadow:0 2px 10px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.9);font-family:Tajawal,system-ui,"Segoe UI",Tahoma,Arial,sans-serif}
.ov-text.bg{background:rgba(0,0,0,.58);padding:.22em .7em;border-radius:.45em;text-shadow:none}
@supports (width:1cqw){
  .ov-logo{width:calc(var(--w) * 1cqw)}
  .ov-text{font-size:calc(var(--s) * 1cqw)}
}
/* studio editor mode */
.ovl.ed{z-index:5}
.ovl.ed .ov{pointer-events:auto;cursor:move;outline:1px dashed rgba(255,255,255,.4);outline-offset:3px;touch-action:none}
.ovl.ed .ov.sel{outline:2px solid #f43f5e}
.ovl.ed .ov-text{white-space:pre-line}
.ovl.off{display:none}