
:root{--ink:#172c30;--muted:#6d7b7d;--line:#dce3e1;--paper:#f3f5f2;--teal:#087c70;--purple:#8264bf;--white:#fff;--mono:Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 Inter,"Segoe UI","Microsoft YaHei",sans-serif}button,select,input{font:inherit}button,select{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #65bcb1;outline-offset:3px}button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:7px;padding:8px 13px}button:hover{background:#eaf3ef}a{color:var(--teal);text-decoration:none}header{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.brand{display:flex;align-items:center;gap:12px;font-weight:650;letter-spacing:.3px}.mark{width:29px;height:29px;background:var(--teal);border-radius:7px;display:grid;place-items:center;color:white}.meta{font:11px var(--mono);color:var(--muted);letter-spacing:1px}.topnav{display:flex;gap:22px;font-size:12px}main{max-width:1680px;margin:auto;padding:32px 36px 48px}.eyebrow{font:11px var(--mono);letter-spacing:1.5px;color:var(--teal);text-transform:uppercase}.heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:9px 0 20px}h1{font-size:32px;letter-spacing:-1px;line-height:1.25;margin:0;font-weight:650}h2,h3,p{margin:0}h2{font-size:19px}h3{font-size:15px}.sub{margin-top:10px;color:var(--muted);max-width:920px}.tag{display:inline-flex;padding:4px 9px;border:1px solid var(--line);border-radius:5px;font-size:11px;background:white;white-space:nowrap}.findings{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px;margin:24px 0 14px}.finding{border:1px solid var(--line);border-radius:10px;background:white;padding:20px 22px}.finding.lead{background:#e7f1eb;border-color:#cfdfd5}.finding .label{font-size:11px;color:var(--muted);margin-bottom:9px;letter-spacing:.5px}.finding strong{font-size:24px;font-weight:600;line-height:1.3}.finding.lead strong{font-size:20px}.finding p{font-size:12px;color:var(--muted);margin-top:9px}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.unit{font-size:12px;color:var(--muted);font-weight:400}.negative{color:#a56848}.summary{margin-bottom:24px;border:1px solid var(--line);border-radius:8px;background:white}.summary>summary{padding:12px 16px;cursor:pointer;color:var(--muted);font-size:12px}.summary-body{padding:0 18px 18px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.summary p{font-size:12px;color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:11px;font-weight:500}.workspace{display:grid;grid-template-columns:265px minmax(0,1fr);gap:20px;align-items:start}.sidebar{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden}.sidehead{padding:17px;border-bottom:1px solid var(--line)}.sidehead h2{font-size:14px;display:flex;justify-content:space-between}.sidehead input{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px 10px;margin-top:12px;background:#fafbf9}.filters{display:flex;gap:5px;margin-top:10px}.filters button{font-size:11px;flex:1;padding:5px 2px;border:0;background:#f0f3ef}.filters button.active{background:#dceee6;color:#066e62}.caselist{max-height:840px;overflow:auto;padding:7px}.casebtn{width:100%;display:flex;gap:10px;text-align:left;padding:10px 8px;border:1px solid transparent;border-radius:7px;margin:2px 0;align-items:center}.casebtn:hover{background:#f3f6f3}.casebtn.active{background:#edf5f0;border-color:#98bfae;box-shadow:inset 3px 0 var(--teal)}.casebtn img{width:68px;height:43px;border-radius:4px;object-fit:cover;background:#dce3e1}.casebtn b{display:block;font-size:12px;font-weight:550;line-height:1.5}.casebtn small{display:block;color:var(--muted);font:10px var(--mono);margin-top:4px}.empty{padding:20px;color:var(--muted)}.viewer{border:1px solid var(--line);background:white;border-radius:10px;overflow:hidden}.viewerhead{padding:21px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.viewerhead .meta{margin-top:6px;letter-spacing:0;overflow-wrap:anywhere}.navbuttons{display:flex;gap:6px}.controls{padding:14px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.control-label{font-size:10px;letter-spacing:.8px;color:var(--muted);margin-bottom:5px}.seg{display:flex;background:#eff2ef;border-radius:7px;padding:3px;gap:3px}.seg button{border:0;background:transparent;font-size:12px;padding:6px 12px;white-space:nowrap}.seg button.active{background:white;box-shadow:0 1px 4px #142d2020;color:var(--teal);font-weight:600}.seg button:disabled{opacity:.45;cursor:default}.modehint{padding:0 24px 15px;font-size:11px;color:var(--muted)}.screen{padding:18px;background:#111d22;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.videobox{min-width:0}.videotitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:11px;color:#c7d2d6}.dot{width:6px;height:6px;border-radius:50%;background:#8f9d9f;display:inline-block;margin-right:7px}.dot.ten{background:#5fc4b3}.dot.thirty{background:#bda4ef}video{width:100%;aspect-ratio:416/240;display:block;object-fit:contain;background:#050c10;border-radius:5px}.videometric{font-size:10px;color:#8fa1a7;display:flex;justify-content:space-between;padding-top:8px}.videometric b{font:12px var(--mono);color:#d7e0e2;font-weight:400}.transport{display:flex;gap:12px;align-items:center;padding:13px 20px;background:#17262c;color:#b5c6ca;flex-wrap:wrap}.transport button{background:#244048;color:#e7f1f1;border-color:#38535a;font-size:12px}.transport button.primary{background:#087f73;border-color:#087f73;min-width:96px}.transport input[type=range]{accent-color:#63c9b7;flex:1;min-width:120px}.transport select{background:#17262c;color:#c5d7db;border:1px solid #38535a;border-radius:5px;padding:6px;font-size:11px}.time{font:11px var(--mono);min-width:102px}.status{padding:9px 24px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.details{padding:22px 24px}.detailtitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.detailtitle .tag{color:var(--teal)}.prompt{background:#f6f8f5;border:1px solid #e5eae5;border-radius:7px;padding:14px 16px;font-size:12px;line-height:1.9;white-space:pre-wrap}.detailrow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.setting{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;font-size:12px;margin-top:12px}.setting dt{color:var(--muted)}.setting dd{margin:0;text-align:right;font-family:var(--mono)}.detailrow details{font-size:12px}.detailrow summary{cursor:pointer;padding:12px 0}.detailrow pre{max-height:270px;overflow:auto;background:#f5f7f4;font:11px/1.6 var(--mono);padding:12px;white-space:pre-wrap}.historywrap{overflow:auto;max-height:270px;margin-top:12px}.footer{display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:11px;margin-top:24px}.footer a{margin-left:12px}@media(min-width:1600px){.screen{gap:18px;padding:22px}}@media(max-width:1100px){main{padding:24px 20px}.workspace{grid-template-columns:220px minmax(0,1fr)}.screen{gap:8px;padding:12px}.controls{padding:12px 16px}.seg button{padding:6px 8px}.finding{padding:16px}.heading .tag{display:none}}@media(max-width:800px){header{padding:0 20px}.topnav{display:none}.findings{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.caselist{display:flex;max-height:none;overflow:auto}.casebtn{min-width:220px}.sidehead{padding:12px}.sidehead input{max-width:300px}.filters{max-width:300px}.summary-body,.detailrow{grid-template-columns:1fr}.screen{grid-template-columns:1fr}.screen video{max-height:330px}.viewerhead{padding:16px}.heading h1{font-size:26px}.footer{display:block}.sub{font-size:12px}}
