*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#172334;font:16px/1.6 system-ui,sans-serif}main{max-width:1200px;margin:32px auto;padding:24px}h1{font-size:26px}.grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}section,form{background:#fff;border:1px solid #d6deea;border-radius:12px;padding:20px}label{display:block;font-weight:600;margin:0 0 14px}input,textarea{display:block;width:100%;padding:10px;border:1px solid #9faebf;border-radius:6px;font:14px monospace}p,footer{font-size:14px}button{padding:12px;border:0;border-radius:6px;background:#075aca;color:#fff;cursor:pointer}#stop-button{background:#445468}#video-host{min-height:280px;background:#111}video,.tcplayer{width:100%;min-height:280px}pre{white-space:pre-wrap;font-size:13px;overflow-wrap:anywhere}footer{margin-top:20px}@media(max-width:850px){.grid{grid-template-columns:1fr}main{margin:0;padding:12px}}