/* ---------- Khung trang ---------- */
#stage{flex:1;padding:24px;overflow:visible;min-width:0}
#page{margin:0 auto;background:#fff;width:1200px;max-width:100%;box-shadow:0 0 0 1px var(--line);transition:width .25s}
#page.mobile{width:390px}
.sec{position:relative;border-bottom:1px dashed var(--line)}
.sec.dragging{opacity:.35}
.sec.over-top{box-shadow:inset 0 4px 0 var(--ui)}
.sec.over-bottom{box-shadow:inset 0 -4px 0 var(--ui)}
.bar{position:absolute;top:-15px;left:50%;transform:translateX(-50%);display:none;gap:3px;z-index:30;background:#fff;border:1px solid var(--line);border-radius:6px;padding:3px}
.sec:hover .bar,.sec:focus-within .bar{display:flex}
.bar button{border:0;background:none;width:26px;height:24px;border-radius:4px;font-size:13px}
.bar button:hover{background:var(--fill)}
.bar .grip{cursor:grab}
.bar .del:hover{background:#fbe3e3;color:var(--danger)}
.tag{position:absolute;top:-10px;left:6px;font-size:11px;background:var(--ui);color:#fff;padding:2px 7px;border-radius:4px;z-index:5;display:none}
.sec:hover .tag{display:block}
body.shot #panel,body.shot .bar,body.shot .tag{display:none!important}
body.shot #stage{padding:0}
body.shot .sec{border-bottom:0}
body.shot #exitShot{display:block}
#exitShot{display:none;position:fixed;bottom:14px;right:14px;z-index:99;background:var(--ink);color:#fff;border:0;border-radius:20px;padding:8px 14px;font-size:12.5px;opacity:.6}
#exitShot:hover{opacity:1}
body.online #exitShot{display:none!important}