:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;color:#142747;background:#fafbfd;font-weight:400;font-size:15px;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #aeb9ca;border-radius:3px;background:#fff;padding:7px 16px;white-space:nowrap;transition:background .15s}button:hover:not(:disabled){background:#ecf7f7}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #65bcc5;outline-offset:2px}input,select{min-width:0;width:100%;height:35px;padding:4px 10px;border:1px solid #d5dae3;border-radius:3px;background:#fff}input::placeholder{color:#969faf}h1,h2,p{margin:0}h1{font-size:30px;font-weight:650;line-height:1.3}h2{font-size:18px;font-weight:600}.brand{font-size:26px;font-weight:650;letter-spacing:-.6px}header{height:57px;border-bottom:1px solid #d5dae3;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff}.header-actions{display:flex;align-items:center;gap:22px}.header-actions button{border:0;border-left:1px solid #aeb9ca;border-radius:0;padding:0 0 0 22px}.connection:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#9ba3b1;margin-right:12px}.connection.online:before{background:#1eac50}.online{color:#16844d}.muted{color:#81899a}main{max-width:1600px;margin:auto;padding:19px 38px 36px}.subtitle{margin:4px 0 17px;font-size:17px;color:#435472}.workspace{display:grid;grid-template-columns:minmax(0,1.44fr) minmax(370px,1fr);gap:27px;align-items:start}.panel{background:#fff;border:1px solid #d5dae3;border-radius:4px}.preview{aspect-ratio:16/6.2;min-height:328px;background:#142747;border-radius:4px;position:relative;display:grid;place-items:center;overflow:hidden}.preview:has(video:not([hidden])){aspect-ratio:16/9}.preview video{width:100%;height:100%;object-fit:contain;position:absolute}.empty-preview{text-align:center;color:#fff}.empty-preview svg{stroke:#8591a6;stroke-width:4;margin:12px 0 22px}.empty-preview h2{font-size:23px;font-weight:500}.empty-preview p{margin-top:8px;font-size:19px}.live-label{position:absolute;top:16px;left:16px;background:#142747cc;padding:5px 12px;border-radius:3px;color:#fff}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 7px}.metric{border:1px solid #d5dae3;border-radius:4px;background:#fff;text-align:center;padding:13px 5px 16px}.metric span{display:block;font-size:14px}.metric strong{display:block;font-size:21px;font-weight:500;margin-top:8px;white-space:nowrap}.address{display:flex;gap:16px;align-items:center;padding:20px 18px}.address label{white-space:nowrap}.address input,.address button{height:40px}.hint{font-size:12px;color:#778194;line-height:1.6;margin:7px 0}.settings{padding:14px 24px}.settings h2{margin-bottom:12px}.setting-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;align-items:center;min-height:34px;margin:4px 0}.toggle{appearance:none;width:36px;height:21px;border:0;border-radius:20px;background:#9ba2b1;position:relative;cursor:pointer;padding:0;margin:0 0 0 80px}.toggle:before{content:"";width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2.5px;left:3px;box-shadow:0 1px 2px #0002;transition:transform .15s}.toggle:checked{background:#008f96}.toggle:checked:before{transform:translate(14px)}fieldset{border:0;border-top:1px solid #d5dae3;padding:8px 0 0;margin:14px 0 0}legend{float:left;width:100%;font-weight:600;margin-bottom:7px}fieldset .setting-row{clear:both}.unit-input{display:flex;height:35px}.unit-input input{border-radius:3px 0 0 3px}.unit-input>span{border:1px solid #d5dae3;border-left:0;min-width:54px;padding:4px 10px;border-radius:0 3px 3px 0;text-align:center}.primary{background:#008f96;color:#fff;border-color:#008f96}.primary:hover:not(:disabled){background:#007d84}.actions{display:flex;gap:17px;margin-top:9px}.actions button{width:50%;height:41px}.actions button:not(.primary){color:#008f96;border-color:#008f96}.save{width:100%;font-size:13px;padding:4px}.table-panel{margin-top:18px;overflow:hidden}.table-panel h2{padding:9px 14px;border-bottom:1px solid #d5dae3}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{background:#f5f6f8;font-weight:400;padding:6px 20px;border-bottom:1px solid #d5dae3}td{padding:11px 20px;border-bottom:1px solid #eef0f3}tr:last-child td{border:0}.empty-row{text-align:center;height:49px;color:#52617b}.stream-address,td small{display:block;color:#778194;font-size:12px;margin-top:4px}code{font-size:12px;overflow-wrap:anywhere}td button{font-size:13px;padding:4px 9px}.notice{display:flex;justify-content:space-between;align-items:center;gap:12px;border-left:3px solid #008f96;padding:10px 15px;background:#eaf5f5;margin-bottom:16px}.notice button{font-size:12px;padding:3px 8px}.login{max-width:440px;margin:13vh auto;padding:24px}.login>.brand{text-align:center;margin-bottom:26px}.login .panel{padding:30px}.login h1{font-size:25px}.login p{color:#637087;margin:10px 0 24px}.login label{display:block;margin-bottom:7px}.login input{height:42px}.login .primary{margin:18px 0;width:100%;height:42px}.login small{display:block;font-size:12px;color:#7d8797}.login .error{color:#ba3333;margin:12px 0}.loading{padding:40px;text-align:center}@media(min-width:1400px){.preview{min-height:328px}.settings{min-height:539px}}@media(max-width:1050px){main{padding:22px}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(330px,1fr);gap:18px}.settings{padding:16px}.setting-row{grid-template-columns:100px 1fr}.toggle{margin-left:0}.metrics{grid-template-columns:repeat(2,1fr)}.address{flex-wrap:wrap;padding:12px}.address label{width:100%}.address input{flex:1}.preview{min-height:300px}.empty-preview h2{font-size:20px}.empty-preview p{font-size:16px}}@media(max-width:760px){header{padding:0 18px}.brand{font-size:20px}.header-actions{gap:12px;font-size:12px}.header-actions button{padding-left:12px}.connection:before{margin-right:6px;width:7px;height:7px}main{padding:22px 16px}h1{font-size:26px}.subtitle{font-size:14px}.workspace{display:flex;flex-direction:column;gap:14px}.preview-column,.settings{width:100%}.preview{aspect-ratio:16/9;min-height:220px}.empty-preview svg{height:65px;margin:0 0 8px}.empty-preview h2{font-size:19px}.empty-preview p{font-size:14px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:9px 4px}.metric strong{font-size:18px;margin-top:3px}.settings{padding:18px}.setting-row{grid-template-columns:120px 1fr}.toggle{margin-left:0}table{min-width:580px}.table-panel h2{font-size:17px}.login{margin:7vh auto}.notice{font-size:13px}}:root .preview{width:100%;min-width:0}@media(max-width:760px){:root .preview{min-height:0;aspect-ratio:16/9}}