#live-host-panel{position:fixed;right:16px;bottom:16px;width:380px;max-width:calc(100vw - 32px);z-index:1500;color:#edf6ff;background:#0d2139;border:1px solid #52779a;border-radius:12px;box-shadow:0 8px 35px #0008;font:14px/1.4 system-ui,sans-serif}
#live-host-panel[hidden]{display:none}
#live-host-panel summary{cursor:pointer;padding:12px 14px;font-weight:700}
#live-count{font-size:11px;font-weight:400;color:#bce6ee}
#live-host-panel .live-body{padding:0 12px 12px;max-height:75vh;overflow:auto}
.live-preview-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
#live-host-panel button{font-size:12px;padding:5px 9px;min-height:30px}
.live-preview-wrap{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#081624;border-radius:7px;container-type:inline-size}
.live-preview-wrap iframe{width:1280px;height:720px;position:absolute;top:0;left:0;border:0;transform-origin:top left;transform:scale(.276);pointer-events:none}
@supports(width:1cqw){.live-preview-wrap iframe{transform:scale(calc(100cqw / 1280px))}}
#live-host-panel.expanded{width:760px}
.live-note{font-size:11px;color:#afc6db;margin:8px 0}
.live-player{border-left:3px solid #efbb66;background:#ffffff08;padding:7px 9px;margin:6px 0;display:flex;flex-direction:column;gap:2px;font-size:12px}
.live-player.ok{border-color:#68e2b0}.live-player small{color:#bdd5e9}
.live-embedded body{pointer-events:none}.live-embedded #qol-connection{display:none!important}
@media(max-width:600px){#live-host-panel{right:8px;bottom:8px;max-width:calc(100vw - 16px)}}


.live-player.connected{border-color:#68e2b0}
.live-player.pending{border-color:#efbb66}
.live-player.disconnected{border-color:#f08080}
#live-count{display:block;margin-top:3px}