:root{--bg:#101314;--panel:#171b1c;--panel-2:#1d2223;--line:#2b3132;--muted:#8d999c;--text:#edf3f0;--green:#9befbd;--green-dim:#253a2d;--red:#ff9c9c;--columns:2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;transition:background .15s,color .15s;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}input:focus,textarea:focus{outline:1px solid var(--green);border-color:var(--green)}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.2px;font-size:35px;font-weight:600;line-height:1.2}h2{letter-spacing:-.5px;font-size:21px;font-weight:600}h3{font-size:15px;font-weight:600}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:10;background:#141819;flex-direction:column;width:230px;padding:31px 20px 20px;display:flex;position:fixed;top:0;bottom:0}.brand{letter-spacing:1.9px;white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.brand>span{color:var(--green);justify-content:center;align-items:center;width:32px;height:35px;display:flex}.workspace-label{color:#697578;letter-spacing:1.5px;margin:47px 14px 15px;font-size:9px;font-weight:700}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav button{color:#99a5a8;text-align:left;border-radius:7px;justify-content:flex-start;padding:12px 14px}.sidebar nav button:hover{background:var(--panel-2)}.sidebar nav button.active{color:var(--green);background:#25362d}.nav-count{background:#365040;border-radius:4px;margin-left:auto;padding:0 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.server-mini{border:1px solid var(--line);border-radius:7px;align-items:center;gap:8px;padding:13px 10px;display:flex}.server-mini strong{font-size:10px;font-weight:500;display:block}.server-mini small{color:var(--muted);font-size:9px}.status-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.offline{background:#758082}.logout{color:var(--muted);justify-content:flex-start;padding:17px 10px 0;font-size:12px}.main{width:calc(100% - 230px);margin-left:230px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:73px;padding:0 38px;display:flex}.topbar>span:first-child{color:#95a1a4;letter-spacing:1.4px;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.top-dot{background:var(--green);border-radius:50%;width:5px;height:5px}.topbar>div{align-items:center;gap:23px;display:flex}.clock{color:var(--muted);font:12px monospace}.avatar{width:31px;height:31px;color:var(--green);background:#243029;border:1px solid #43504a;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex}.content{max-width:1800px;margin:auto;padding:34px 38px 22px}.eyebrow{letter-spacing:1.5px;color:var(--muted);margin-bottom:11px;font-size:9px;font-weight:600;display:block}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.page-heading p{color:var(--muted);margin-top:11px;font-size:12px}.heading-dot{color:var(--green)}.primary{background:var(--green);color:#13291c;white-space:nowrap;border-radius:5px;padding:11px 16px;font-size:12px;font-weight:700}.primary:hover:not(:disabled){background:#b5f9cf}.secondary{color:#c3ced0;white-space:nowrap;border:1px solid #394143;border-radius:5px;padding:9px 13px;font-size:12px}.secondary:hover:not(:disabled){background:var(--panel-2)}.text-button{color:var(--muted);padding:4px 0;font-size:11px}.text-button:hover{color:var(--green)}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:35px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:19px 19px 17px}.metric>span{letter-spacing:1px;color:#a1adaf;justify-content:space-between;align-items:center;font-size:9px;display:flex}.metric>span svg{color:#73847b}.metric>strong{font-variant-numeric:tabular-nums;letter-spacing:-1px;margin:20px 0 17px;font-size:32px;font-weight:500;line-height:1;display:block}.metric strong small{color:var(--muted);letter-spacing:0;margin-left:9px;font-size:11px;font-weight:400}.metric p{color:#788689;align-items:center;gap:7px;font-size:10px;display:flex}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px;display:flex}.section-title{align-items:center;gap:13px;display:flex}.section-title h2{font-size:18px}.pill{border:1px solid var(--line);color:#a4b0b2;white-space:nowrap;background:#202526;border-radius:5px;align-items:center;gap:5px;padding:3px 7px;font-size:9px;display:inline-flex}.pill.green{color:var(--green);background:#203b2c;border-color:#314b3b}.section-actions{align-items:center;gap:22px;display:flex}.search{border:1px solid var(--line);color:#708084;background:#171b1c;border-radius:5px;align-items:center;gap:8px;max-width:200px;padding:6px 10px;display:flex}.search input{width:135px;color:var(--text);font-size:11px;background:0 0!important;border:0!important;outline:none!important;padding:0!important}.stream-grid{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));gap:22px;display:grid}.stream-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:0;overflow:hidden}.stream-card-head{align-items:center;gap:11px;min-height:72px;padding:15px 17px;display:flex}.stream-card-head>div{flex:1;min-width:0}.channel-index{color:#93a59c;border:1px solid #35403d;border-radius:5px;padding:4px 6px;font:10px monospace}.stream-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;justify-content:flex-start;max-width:100%;padding:0;font-size:13px;font-weight:600;display:block;overflow:hidden}.stream-name:hover{color:var(--green)}.stream-card-head p{color:#748487;margin-top:2px;font-size:10px}.icon-button{color:#8a989b;border-radius:4px;padding:6px}.icon-button:hover{color:var(--text);background:#283032}.player{aspect-ratio:16/9;background:#090c0d;border-top:1px solid #252c2d;border-bottom:1px solid #252c2d;position:relative;overflow:hidden}.player video{object-fit:contain;width:100%;height:100%}.player:fullscreen{aspect-ratio:auto;width:100vw;height:100vh}.no-signal{color:#70847a;background:radial-gradient(#18201e 0,#0000 62%),repeating-linear-gradient(0deg,#10151566 0 1px,#0000 1px 4px);flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;display:flex}.no-signal strong{color:#8b9a93;font-size:12px;font-weight:500}.no-signal>span{color:#596762;font-size:10px}.signal-ring{border:1px solid #34433b;border-radius:50%;justify-content:center;align-items:center;width:57px;height:57px;margin-bottom:8px;display:flex}.signal-badge{color:#8a9692;letter-spacing:.8px;pointer-events:none;background:#111716cc;border:1px solid #34403a;border-radius:3px;align-items:center;gap:5px;padding:3px 6px;font-size:8px;font-weight:700;display:flex;position:absolute;top:12px;left:12px}.signal-badge i{background:#7f8984;border-radius:50%;width:4px;height:4px}.signal-badge.live{color:var(--green)}.signal-badge.live i{background:var(--green)}.video-status{text-align:center;pointer-events:none;background:#101716e8;border-radius:5px;padding:10px 15px;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-tools{gap:5px;display:flex;position:absolute;top:9px;right:9px}.player-tools button{color:#abbcb2;background:#111716b8;border:1px solid #34403a;border-radius:3px;width:26px;height:26px}.stream-stats{align-items:center;gap:19px;padding:12px 16px;display:flex}.stream-stats>span{color:#c1cdca;font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:11px;display:flex}.stream-stats svg{color:#81968c}.stream-stats small{color:#7e8d88;font-size:9px}.stream-stats .youtube{color:#819087;margin-left:auto;font-size:10px}.stream-stats .sending{color:var(--green)}.stream-card-footer{border-top:1px solid var(--line);justify-content:space-between;padding:10px 16px;display:flex}.footnote{color:#697b73;justify-content:center;align-items:center;gap:7px;margin:24px 0;font-size:10px;display:flex}.footer{border-top:1px solid var(--line);color:#71827a;letter-spacing:1px;justify-content:space-between;margin-top:48px;padding-top:17px;font-size:9px;display:flex}.footer small{color:#53635b;letter-spacing:0;font-size:9px}.footer>span:last-child{letter-spacing:0;align-items:center;gap:6px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:45px 20px;display:flex}.empty .icon-box{margin-bottom:20px}.empty h2{font-size:23px}.empty p{color:var(--muted);margin:10px 0 23px;font-size:12px;line-height:1.8}.empty>span{color:#65796d;margin-top:24px;font-size:10px}.icon-box{width:58px;height:58px;color:var(--green);background:#203126;border:1px solid #3b5545;border-radius:12px;justify-content:center;align-items:center;display:flex}.segmented{border:1px solid var(--line);border-radius:5px;padding:3px;display:flex}.segmented button{color:var(--muted);width:32px;padding:3px;font-size:11px}.segmented button.selected{color:var(--green);background:#2b4032;border-radius:3px}.back{margin-bottom:15px}.detail-grid{grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr);gap:22px;display:grid}.detail-grid>section>.player{border:1px solid var(--line);border-radius:8px}.detail-meta{align-items:center;gap:10px;margin:14px 0 22px;display:flex}.detail-meta>div{flex:1}.detail-meta p{color:var(--muted);margin-top:4px;font-size:11px}.chart-panel{padding:20px}.chart-panel .section-head span{color:var(--muted);font-size:9px}.spark{width:100%;height:100px;display:block}.spark-empty{color:var(--muted);text-align:center;padding:35px 0;font-size:11px}.telemetry{padding:23px}.telemetry h3{margin-bottom:19px}.telemetry-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:12px 0;font-size:11px;display:flex}.telemetry-row>span:first-child{color:var(--muted)}.telemetry-row strong{text-align:right;font-weight:500}.youtube-box{color:#abbfb1;align-items:center;gap:10px;padding:17px 0;display:flex}.youtube-box>div{flex:1}.youtube-box p{color:var(--muted);margin-top:3px;font-size:10px}.youtube-box strong{font-size:12px}.hint{color:#80928a;margin:10px 0 15px;font-size:10px;line-height:1.7}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:var(--muted);letter-spacing:.5px;padding:18px;font-size:9px;font-weight:500}td{border-top:1px solid var(--line);vertical-align:middle;padding:20px 18px}td small{color:#66796f;margin-top:4px;font:9px monospace;display:block}td strong{font-size:12px}.muted{color:var(--muted)}.panel-note{border-top:1px solid var(--line);color:#81958a;background:#1b2420;border-radius:0 0 8px 8px;align-items:center;gap:10px;padding:16px 20px;font-size:10px;display:flex}.danger{color:var(--red)}.system-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.system-grid .secondary{margin-top:22px}.steps{color:#a8b9af;padding-left:18px;font-size:12px;line-height:1.8}.steps li{padding:0 0 12px 8px}.alert{border-radius:5px;justify-content:space-between;margin-bottom:20px;padding:12px 15px;display:flex}.error{color:var(--red);background:#3f2526;border:1px solid #643537;border-radius:5px;margin:12px 0;padding:10px 12px;font-size:12px}.toast{color:#b9f5c9;z-index:100;background:#23432e;border:1px solid #4b7c5a;border-radius:6px;align-items:center;gap:10px;padding:12px 20px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0008}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050808be;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#191f1d;border:1px solid #3a4940;border-radius:12px;width:100%;max-width:560px;max-height:90vh;padding:29px;position:relative;overflow:auto}.modal h2{margin-bottom:24px;font-size:24px}.modal-close{position:absolute;top:18px;right:18px}.modal label,.login label,.share-ingest label{color:#b7c8bd;flex-direction:column;gap:7px;margin:16px 0;font-size:11px;display:flex}input:not([type=checkbox]),textarea{color:#e0eee5;background:#101613;border:1px solid #35433b;border-radius:5px;width:100%;min-width:0;padding:11px 12px;font-size:12px}textarea{resize:vertical;word-break:break-all;font-family:monospace;font-size:11px;line-height:1.6}.form-divider{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:25px;padding-top:23px;font-size:12px;display:flex}.checkbox{align-items:center;flex-direction:row!important;gap:10px!important}.checkbox input{accent-color:var(--green);flex-shrink:0;width:15px;height:15px}.checkbox small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.form-row{justify-content:space-between;margin-top:24px;display:flex}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:27px;padding-top:20px;display:flex}.form-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-title{color:#b7c8bd;margin:22px 0 10px;font-size:11px;display:block}.stream-checks{border:1px solid #35433b;border-radius:5px;max-height:190px;padding:0 12px;overflow:auto}.permission{background:#223229;border:1px solid #3a5142;border-radius:5px;padding:12px}.link-result{text-align:center}.link-result .icon-box{margin:0 auto 18px}.link-result p{color:var(--muted);margin:12px 0 17px;font-size:12px}.link-result button{margin:14px 5px 0}.link-result textarea{text-align:left;height:90px}details{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}summary{cursor:pointer;color:#a8bbaf;font-size:11px}.login{grid-template-columns:1.2fr 1fr;align-items:center;gap:85px;max-width:1300px;min-height:100vh;margin:auto;padding:60px;display:grid;position:relative}.login-pattern{pointer-events:none;background:radial-gradient(at 10% 60%,#29483355,#0000 50%),repeating-linear-gradient(90deg,#0000 0 119px,#ffffff03 119px 120px);position:fixed;inset:0}.login-intro{z-index:1;flex-direction:column;justify-content:space-between;align-self:stretch;min-height:580px;display:flex}.login-intro h1{letter-spacing:-3px;margin:20px 0 23px;font-size:64px;font-weight:500;line-height:1.08}.login-intro p{color:#93a89a;font-size:13px;line-height:1.9}.login-intro small{color:#607968;font-size:10px}.login-features{color:#acc6b5;gap:20px;margin-top:35px;font-size:11px;display:flex}.login-features span{align-items:center;gap:7px;display:flex}.login-card{z-index:1;background:#181f1bee;border:1px solid #34453a;border-radius:12px;padding:35px}.login-card>.icon-box{width:47px;height:47px;margin-bottom:23px}.login-card h2{font-size:24px;line-height:1.3}.login-card>p{color:var(--muted);margin:10px 0 26px;font-size:12px}.login-card form .primary{justify-content:space-between;width:100%;margin-top:12px;padding:12px 16px}.login-hint{border-top:1px solid var(--line);color:#80988a;gap:11px;margin-top:29px;padding-top:22px;font-size:10px;line-height:1.7;display:flex}.loading{min-height:70vh;color:var(--green);justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.share-content{max-width:1400px;margin:auto;padding:45px 40px}.share-shell .topbar .brand{color:var(--text)}.share-ingest{border-top:1px solid var(--line);padding:20px}.share-ingest p{color:var(--muted);margin:7px 0 14px;font-size:11px}.share-ingest textarea{margin-bottom:12px}.share-ingest .hint{margin-bottom:0}.share-shell .player{max-height:70vh}.share-content .page-heading h1{font-size:32px}@media (min-width:1600px){.content{padding:40px 55px}.stream-grid{gap:28px}}@media (max-width:1100px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.brand{font-size:14px}.main{width:calc(100% - 195px);margin-left:195px}.content{padding:28px 23px}.topbar{padding:0 23px}.metric{padding:16px 13px}.metric strong small{margin:10px 0 0;display:block}.metric p{font-size:9px}.section-actions{gap:13px}.detail-grid{grid-template-columns:1fr}.login{gap:45px;padding:40px}.login-intro h1{font-size:52px}.stream-stats{gap:12px;padding:12px}.stream-grid{gap:16px}}@media (max-width:800px){.sidebar{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:62px;padding:12px 15px;position:sticky;top:0;bottom:auto}.sidebar .workspace-label,.sidebar-bottom,.nav-count{display:none}.sidebar nav{flex-direction:row;gap:3px}.sidebar nav button{gap:0;padding:9px;font-size:0}.sidebar nav button svg{width:19px}.shell{flex-direction:column}.main{width:100%;margin-left:0}.topbar{height:52px;padding:0 20px}.content{padding:25px 20px}.page-heading{align-items:flex-start;gap:15px}.page-heading h1{font-size:26px}.page-heading>button{padding:10px;font-size:0}.page-heading>button svg{width:18px}.page-heading p{font-size:11px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:27px}.metric>strong{margin:14px 0;font-size:29px}.metric strong small{margin:0 0 0 8px;display:inline-block}.metric>span{font-size:8px}.stream-grid{grid-template-columns:repeat(min(var(--columns), 2), minmax(0, 1fr))}.section-head{flex-wrap:wrap}.section-actions{flex:1;justify-content:space-between}.section-actions>.text-button{display:none}.system-grid{grid-template-columns:1fr}.login{grid-template-columns:1fr;gap:35px;max-width:560px;padding:30px 22px}.login-intro{gap:35px;min-height:0}.login-intro h1{margin:15px 0;font-size:42px}.login-intro small,.login-features,.login-intro p{display:none}.login-intro .eyebrow{font-size:8px}.login-card{padding:27px}.share-content{padding:28px 20px}.share-shell .topbar{height:68px}.share-shell .topbar>.pill{font-size:8px}.detail-meta{flex-wrap:wrap}.detail-meta>div{min-width:100%}.modal{padding:25px 20px}.modal-backdrop{padding:13px}.form-two{grid-template-columns:1fr;gap:0}}@media (max-width:540px){.stream-grid{grid-template-columns:1fr!important}.clock{display:none}.page-heading h1{font-size:24px}.metric>span{letter-spacing:.6px}.metric strong small{font-size:9px}.metrics{gap:8px}.section-title h2{font-size:16px}.section-actions{flex:none}.search{max-width:150px}.search input{width:100px}.brand{letter-spacing:1px;gap:4px;font-size:12px}.share-content .page-heading h1{font-size:26px}.share-content .page-heading{flex-wrap:wrap}.share-content .page-heading>button{font-size:11px}.toast{width:max-content;max-width:90vw}.footer>span:first-child small{display:none}}.solo-share{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.solo-share .player.immersive{aspect-ratio:auto;background:#000;border-radius:0;width:100%;height:100%}.solo-share .player video{object-fit:contain;width:100%;height:100%}.quality-panel{flex-direction:column;gap:24px;display:flex}.quality-banner{color:#f4d78d;background:#2b2618;border:1px solid #6a5932;border-radius:10px;align-items:center;gap:10px;padding:14px 18px;display:flex}.quality-banner.critical{color:#ffada5;background:#30201f;border-color:#764038}.quality-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.quality-summary article{color:#a4baae;background:#13221c;border:1px solid #2b3b32;border-radius:12px;grid-template-columns:24px 1fr;gap:12px;padding:22px;display:grid}.quality-summary article>svg{color:#6ed4a1;grid-row:span 2}.quality-summary strong{color:#eff7f1;font-size:30px}.quality-summary strong small{color:#9aad9f;font-size:12px;font-weight:400}.quality-summary .critical>svg{color:#ff9588}.quality-streams{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.quality-stream{background:#13221c;border:1px solid #2b3b32;border-radius:12px;min-width:0;padding:20px}.quality-stream.selected{border-color:#69dba6}.quality-stream-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.quality-stream-title .stream-name{text-align:left}.quality-stream>p{color:#9aac9f;margin:8px 0 22px;font-size:12px}.quality-tag{white-space:nowrap;color:#adbbb1;border:1px solid #3c4b41;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:600;display:inline-flex}.quality-tag.healthy{color:#83edb6;background:#1b3426;border-color:#325c43}.quality-tag.critical{color:#ffaca0;background:#372723;border-color:#724339}.quality-tag.warning{color:#ebca79;background:#342c1b;border-color:#65552b}.quality-tag.unknown{color:#c9bcff;border-color:#534774}.quality-stream dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.quality-panel dl{margin:0}.quality-panel dt{color:#9cafa0;margin-bottom:7px;font-size:10px}.quality-panel dd{margin:0;font-size:19px;font-weight:600}.quality-panel dd small{color:#9aac9f;font-size:11px;font-weight:400}.quality-stream-actions{border-top:1px solid #2a3b30;justify-content:space-between;gap:12px;margin-top:20px;padding-top:14px;display:flex}.quality-stream-actions button{align-items:center;gap:6px;display:flex}.quality-diagnostics,.quality-events{padding:24px}.quality-panel .section-heading{justify-content:space-between;align-items:center;gap:16px;margin:0;display:flex}.quality-panel .section-heading h2{font-size:18px}.quality-panel .section-heading p{color:#96aa9d;margin-top:7px;font-size:12px;line-height:1.6}.quality-panel select{color:#e6efe8;background:#14251c;border:1px solid #37493c;border-radius:7px;max-width:100%;padding:10px}.quality-charts{grid-template-columns:1fr 1fr;gap:24px;margin:26px 0 12px;display:grid}.quality-chart{min-width:0}.quality-chart>div{color:#8ea697;justify-content:space-between;gap:10px;font-size:11px;display:flex}.quality-chart svg{width:100%;height:110px;margin-top:12px;display:block}.quality-chart-empty{color:#91a598;padding:30px 0;font-size:12px}.quality-history-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.quality-playback{border-top:1px solid #2b3b32;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:24px;padding-top:24px;display:grid}.quality-playback h3{margin:0 0 12px}.quality-playback dl{grid-template-columns:1fr 1fr;gap:18px;margin:18px 0;display:grid}.quality-playback .hint{line-height:1.7}.quality-playback .player{border-radius:8px;align-self:start;overflow:hidden}.quality-playback dd{font-size:18px}.quality-playback .quality-banner{font-size:12px;line-height:1.6}.quality-filters{align-items:center;gap:12px;display:flex}.quality-table-wrap{margin:22px 0;overflow-x:auto}.quality-table{border-collapse:collapse;text-align:left;width:100%;min-width:680px}.quality-table th{color:#96aa9d;border-bottom:1px solid #2b3b32;padding:12px;font-size:10px;font-weight:500}.quality-table td{vertical-align:top;border-bottom:1px solid #2b3b32;padding:18px 12px;font-size:12px}.quality-table td strong,.quality-table td small{margin-top:8px;display:block}.quality-table td small{color:#98ab9d;font-size:10px;line-height:1.5}.quality-events-empty{color:#99b6a3;justify-content:center;align-items:center;gap:12px;padding:40px 10px;display:flex}.quality-profile-fields{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.quality-profile .hint{line-height:1.7}.quality-profile form>.checkbox{align-items:flex-start;margin:15px 0}.quality-profile .modal-head{justify-content:space-between;align-items:center;gap:10px;display:flex}@media (min-width:1500px){.quality-streams{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.quality-streams,.quality-playback,.quality-summary{grid-template-columns:1fr}.quality-summary article{grid-template-columns:24px 1fr auto;align-items:center}.quality-summary article>svg{grid-row:auto}}@media (max-width:600px){.quality-charts,.quality-profile-fields{grid-template-columns:1fr}.quality-panel .section-heading,.quality-history-actions{flex-direction:column;align-items:flex-start}.quality-stream dl{grid-template-columns:1fr 1fr}.quality-diagnostics,.quality-events,.quality-stream{padding:16px}.quality-stream-title{align-items:flex-start}.quality-summary article{padding:16px}.quality-summary strong{font-size:22px}.quality-summary strong small{display:block}.quality-stream-title .stream-name{font-size:14px}}