*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial;background:transparent;color:#e8eef5}
.wrap{max-width:1200px;margin:0 auto;padding:16px}
.topbar{display:flex;justify-content:space-between;align-items:center;
padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;
background:rgba(255,255,255,.06)}
.title{font-size:26px;font-weight:800}
.controls{display:flex;gap:10px;align-items:center}
.label{font-size:12px;opacity:.7}
select,button{padding:10px 12px;border-radius:12px;
border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#e8eef5}
.status{margin-top:12px;padding:10px;border:1px dashed rgba(255,255,255,.1);border-radius:12px}
.dot{width:10px;height:10px;border-radius:50%;background:#999;display:inline-block}
.frame{width:100%;height:1700px;border:0;margin-top:12px;border-radius:14px}