.tpl-frame{--tf-s:0.3;position:relative;border-radius:var(--r-md);border:1px solid rgba(255,255,255,.08);background:#050505;overflow:hidden}.tpl-frame__bar{display:flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}.tpl-frame__bar span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.15)}.tpl-frame__bar em{margin-left:8px;overflow:hidden;font-style:normal;font-family:var(--font-mono);font-size:.68rem;color:var(--c-text-3);white-space:nowrap;text-overflow:ellipsis}.tpl-frame__viewport{position:relative;width:100%;aspect-ratio:calc(var(--tf-w)) /calc(var(--tf-h));overflow:hidden}.tpl-frame__viewport iframe{position:absolute;top:0;left:0;width:calc(var(--tf-w) * 1px);height:calc(var(--tf-h) * 1px);border:0;transform:scale(var(--tf-s));transform-origin:top left;pointer-events:none;background:#050505}