*{box-sizing:border-box}body{margin:0;background:#080a0b;color:#f5f6f7;font:15px Arial}header{height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;background:#111416;border-bottom:1px solid #2a3034}a{color:white;text-decoration:none}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;max-width:1450px;margin:auto;padding:20px}.stage,aside{background:#121618;border:1px solid #2b3135;border-radius:16px;padding:16px;position:relative}video{width:100%;aspect-ratio:16/9;background:#050606;border-radius:12px;object-fit:contain}.live{position:absolute;top:28px;left:28px;background:#272d30;padding:7px 10px;border-radius:7px;font-weight:bold}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}button,input{min-height:42px;border:1px solid #343c40;border-radius:9px;background:#202629;color:white;padding:9px 12px}button{cursor:pointer;font-weight:bold}#start{background:#e21d3a}#status{margin-top:12px;color:#aab2b7}aside label{display:grid;gap:6px;margin:12px 0}aside code{display:block;overflow:auto;background:#080a0b;border-radius:8px;padding:10px;margin:5px 0 12px;color:#b9f5cc}.link{display:block;margin-top:15px}hr{border:0;border-top:1px solid #2b3135;margin:20px 0}@media(max-width:850px){main{grid-template-columns:1fr;padding:10px}header{padding:0 10px;font-size:12px}}