:root{font-family:Arial,Helvetica,sans-serif;color:#142a40;background:#edf2f7;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#102a43;color:white;display:flex;align-items:center;justify-content:space-between;padding:22px 4%;gap:20px;border-bottom:4px solid #20bcdf}header a{color:#b5efff;font-size:14px}small{color:#a7becf;margin-left:12px}.brand{font-size:28px;font-weight:800;letter-spacing:2px}.brand span{color:#42c9e7;margin-left:9px}main{max-width:1420px;margin:auto;padding:34px 4%}.eyebrow{font-size:13px;font-weight:bold;letter-spacing:2px;color:#127594}h1{font-size:34px;letter-spacing:-1px;margin:12px 0}p{line-height:1.6}.intro>p:last-child{color:#526779;max-width:830px}.environment{display:flex;flex-wrap:wrap;background:#dae6ef;border:1px solid #c9d8e4;margin:28px 0; padding:18px 8px}.environment>div{flex:1;min-width:150px;padding:4px 15px}.environment>div:first-child{flex:2}.environment span,.metrics span{display:block;font-size:13px;color:#51687a;margin-bottom:8px}.environment strong{font-size:15px;overflow-wrap:anywhere}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:24px}.panel{background:white;border:1px solid #d4dfe8;border-radius:9px;padding:24px;margin-bottom:24px;box-shadow:0 3px 12px #102a4305}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}h2{font-size:21px;margin:0}.step{color:#137e9c;border:1px solid #b9d8e1;padding:6px;font-size:13px;font-weight:bold}label{display:block;font-size:14px;font-weight:bold;margin:12px 0 8px}select,input[type=url],input:not([type]){width:100%;border:1px solid #b5c6d4;background:#f9fbfd;border-radius:5px;padding:12px;color:#142a40;font:inherit}select{font-size:15px}.options{display:flex;gap:24px;margin:4px 0 12px}.options label{font-weight:normal;display:flex;gap:8px;align-items:center}.video-box{position:relative;background:#081827;border-radius:5px;overflow:hidden}.video-box video{display:block;width:100%;height:310px;object-fit:contain}.video-box p{position:absolute;top:35%;left:10%;right:10%;text-align:center;color:#9eb3c3;pointer-events:none}.buttons{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}button{font:inherit;font-size:14px;font-weight:bold;border:1px solid #b7c9d6;background:white;color:#153a52;padding:12px 15px;border-radius:5px;cursor:pointer}button:hover{background:#e8f6fb}button.primary{background:#086f91;border-color:#086f91;color:white}button.primary:hover{background:#075773}button:focus,a:focus,input:focus,select:focus,summary:focus{outline:3px solid #edb636;outline-offset:3px}.wide{width:100%}.hint{font-size:14px;color:#607385;line-height:1.5}.status{padding:12px 14px;background:#edf3f8;border-left:4px solid #829db1;font-size:15px}.status.good{background:#e9f6ef;border-color:#24835b}.status.bad{background:#fff0ed;border-color:#c65035}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.metrics strong{font-size:18px}fieldset{border:1px solid #d4dfe8;margin:20px 0 0;padding:4px 14px}legend{font-size:14px;padding:0 5px}.codec{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #e5edf2;font-size:14px}.badge{background:#edf3f8;color:#3c576b;border-radius:4px;padding:5px 9px;font-size:13px;white-space:nowrap}.image-row{border-top:1px solid #d4dfe8;margin-top:15px;padding-top:15px;font-size:14px}.image-row img{display:block;width:100%;max-height:150px;object-fit:contain;background:#081827;margin-top:10px}.report-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#102a43;color:#d4e9f5;padding:18px;font-size:13px;line-height:1.7;max-height:480px;overflow:auto}summary{cursor:pointer;color:#16617d;font-size:14px;padding:12px 0}footer{font-size:13px;color:#617485;line-height:1.7;padding:0 0 25px}footer a{color:#16617d}[hidden]{display:none!important}@media(max-width:900px){.workspace{display:block}.video-box video{height:280px}}@media(max-width:600px){header{padding:16px;flex-wrap:wrap}header>div:nth-child(2){font-size:14px}header>a{display:none}main{padding:22px 16px}h1{font-size:28px}.panel{padding:18px}.report-fields{display:block}.video-box video{height:220px}.environment>div{margin-bottom:12px}.buttons button{flex:1;min-width:130px}}