body{margin:0;background:#0f1113;color:#eef2f5;font:14px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}main{min-height:100vh;display:grid;grid-template-rows:auto auto minmax(360px,1fr) 180px}.panel{display:grid;gap:10px;padding:12px;background:#191f23;border-bottom:1px solid #303940;align-items:end}.auth{grid-template-columns:minmax(220px,1.3fr) 220px 220px 92px 80px 1fr}.controls{grid-template-columns:160px 140px minmax(260px,1fr) 90px 90px 80px 120px 130px}label{display:grid;min-width:0;gap:5px;color:#b8c3cc}input,select,button,textarea{border-radius:6px;border:1px solid #3c4750;background:#0a0d0f;color:#eef2f5;padding:0 10px;min-width:0}input,select,button{height:34px}button{background:#146fd1;border-color:#2582ea;cursor:pointer;font-weight:700}.stream{position:relative;display:grid;place-items:center;overflow:hidden;background:#020303}video{width:100%;height:100%;object-fit:contain}#stats{position:absolute;top:12px;right:12px;min-width:150px;white-space:pre-line;padding:10px 12px;border-radius:6px;background:#000000b8;color:#d7ebff}.output{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:#101417;border-top:1px solid #303940}textarea,pre{height:130px;margin:0;overflow:auto;white-space:pre-wrap}pre{color:#cdd6dd}