:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#1f2941;background:#f6f8fc;font-synthesis:none;--muted:#737f96;--line:#e8ecf4;--accent:#465bd8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,.dropzone:focus-within{outline:3px solid #a8b5ff;outline-offset:3px}header{height:88px;padding:0 max(32px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-weight:650;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:2.2px;color:#8490a7;margin-top:4px}.brand-mark{display:inline-grid;place-items:center;background:var(--accent);color:#fff;width:40px;height:40px;border-radius:12px;font-size:25px;font-weight:650;letter-spacing:-2px}.header-actions{display:flex;align-items:center;gap:16px}.connection{font-size:12px;color:var(--muted)}.connection.online{color:#24816e}.connection.offline{color:#b75a46}.connection:before{content:"";display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:7px}main{max-width:1280px;margin:auto;padding:44px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:24px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;color:var(--accent);margin:0 0 12px}h1{font-size:32px;letter-spacing:-1px;margin:0 0 14px;font-weight:650}.subtitle{font-size:14px;color:var(--muted);margin:0;line-height:1.8}.scope-note{font-size:12px;line-height:1.9;color:#828da3;border-left:2px solid #dce2f5;padding-left:16px;max-width:300px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stats article{border:1px solid var(--line);border-radius:12px;background:white;padding:22px 24px}.stats span{font-size:12px;color:#68748c}.stats strong{display:block;font-size:32px;font-weight:550;margin:12px 0 8px;font-variant-numeric:tabular-nums}.stats small{font-size:11px;color:#929caf}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}h2{font-size:16px;font-weight:650;margin:0}.panel-heading p{font-size:11px;color:var(--muted);margin:7px 0 0}.tag{color:var(--accent);font-size:10px;background:#f0f2ff;padding:5px 8px;border-radius:5px}.field{font-size:12px;display:block;margin:16px 0 9px}.field span{color:#99a1b2;margin-left:5px}input:not([type=file]){width:100%;border:1px solid #dfe4ef;border-radius:7px;padding:11px 12px;font-size:12px;background:#fff;color:inherit}input::placeholder{color:#a0a9b9}.dropzone{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #cbd3ec;border-radius:9px;background:#fafbff;min-height:205px;margin-top:18px;cursor:pointer;transition:.15s}.dropzone.dragging{background:#edf0ff;border-color:var(--accent)}.upload-symbol{font-size:24px;width:42px;height:42px;display:grid;place-items:center;background:#eef1ff;color:var(--accent);border-radius:11px;margin-bottom:4px}.dropzone strong{font-size:13px;font-weight:500}.dropzone>span:not(.upload-symbol){font-size:11px;color:var(--muted)}.dropzone small{font-size:10px;color:#929caf;margin-top:4px}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.upload-message{font-size:12px;line-height:1.8;white-space:pre-line;margin-top:12px;color:var(--accent)}.sampling{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.sampling h3{font-size:12px;font-weight:500;margin:0}.sampling dl{display:flex;gap:65px;margin:18px 0}.sampling dt{color:var(--muted);font-size:11px}.sampling dd{margin:8px 0;font-size:24px}.sampling p,.retention{font-size:11px;color:#919aad;line-height:1.8}.retention{background:#f7f9fc;border-radius:7px;padding:12px;margin:18px 0 0}.quiet{border:1px solid var(--line);background:#fff;border-radius:6px;font-size:11px;padding:8px 12px;color:#657089}.filters{display:flex;justify-content:space-between;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}.tabs{background:#f4f6fa;padding:3px;border-radius:7px;display:flex;gap:3px}.tabs button{border:0;background:none;color:var(--muted);padding:7px 18px;border-radius:5px;font-size:11px}.tabs button.active{background:#fff;color:var(--accent);box-shadow:0 1px 4px #18295712}select{border:1px solid var(--line);background:#fff;color:#68748c;border-radius:6px;padding:5px 10px;font-size:11px}.jobs{min-height:335px}.empty{text-align:center;padding:80px 10px;color:var(--muted)}.empty>span{font-size:32px;color:#c9d1e9}.empty h3{font-size:14px;font-weight:500;margin:16px 0 10px}.empty p{font-size:12px;line-height:1.8}.job{width:100%;text-align:left;display:flex;align-items:center;gap:14px;padding:19px 0;border:0;border-bottom:1px solid #eff2f7;background:none;color:inherit}.job:hover{background:#fafbfe}.job:last-child{border-bottom:0}.media-icon{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;color:#7a88b3;background:#f0f3fa;border-radius:9px;font-size:17px}.job-info{flex:1;min-width:0}.job-title{font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-bottom:7px}.job-meta{font-size:10px;color:#949daf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.job-score{font-size:23px;font-weight:550;font-variant-numeric:tabular-nums;color:var(--accent);text-align:right;min-width:62px}.job-score small{font-size:9px;color:#929bb0;font-weight:400;display:block;margin-top:4px}.status-label{font-size:11px;color:#7889aa}.status-label.failed{color:#b37662}footer{font-size:10px;color:#a0a9ba;text-align:center;padding:30px 10px 5px;line-height:1.8}dialog{border:1px solid var(--line);border-radius:16px;color:inherit;padding:32px;max-width:min(850px,calc(100vw - 32px));box-shadow:0 25px 100px #1b2c6129}dialog::backdrop{background:#15244655;backdrop-filter:blur(3px)}#login-dialog{width:400px}#login-dialog h2{font-size:21px;margin:24px 0 10px}#login-dialog p{font-size:12px;color:var(--muted);line-height:1.8}#login-dialog small{display:block;text-align:center;font-size:10px;color:#98a2b6;margin-top:18px}.primary{border:0;background:var(--accent);border-radius:7px;color:#fff;width:100%;padding:12px;font-size:13px}#login-error{min-height:18px;color:#c26351!important}.detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.detail-top h2{max-width:600px;overflow-wrap:anywhere;line-height:1.6}#detail-dialog{width:850px}.detail-summary{display:flex;gap:30px;align-items:center;background:#f6f8fe;border-radius:10px;padding:22px;margin-bottom:22px}.detail-score{font-size:42px;color:var(--accent);font-weight:550}.detail-summary p{font-size:12px;line-height:1.8;color:var(--muted);margin:4px 0}.frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.frame-card{border:1px solid var(--line);border-radius:10px;overflow:hidden}.frame-card img{width:100%;height:210px;object-fit:contain;display:block;background:#f6f7fa}.frame-details{padding:14px;font-size:11px;line-height:1.9;color:var(--muted)}.frame-details strong{color:#384365;font-size:12px}.detail-note{font-size:11px;color:#909aae;line-height:1.9;margin-top:20px}.detail-error{padding:25px;background:#fff7f2;border-radius:9px;font-size:13px;color:#a66a53}#detail-dialog .empty{padding:35px 10px}@media(max-width:1344px){main{padding:36px 32px}.scope-note{max-width:260px}}@media(max-width:900px){.intro{display:block}.scope-note{max-width:none;margin-top:20px}.workspace{grid-template-columns:280px minmax(0,1fr);gap:16px}.panel{padding:18px}.stats article{padding:18px}.tabs button{padding:7px 12px}.stats small{font-size:10px}}@media(max-width:700px){header{height:74px;padding:0 20px}.brand{font-size:14px}.header-actions{gap:8px}main{padding:30px 20px}h1{font-size:27px}.subtitle{font-size:12px}.scope-note{font-size:11px}.stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stats strong{font-size:28px}.workspace{grid-template-columns:1fr}.dropzone{min-height:160px}.sampling dl{gap:80px}.frame-grid{grid-template-columns:1fr}.detail-summary{gap:20px}dialog{padding:22px}.detail-top{gap:12px}.connection{font-size:10px}.header-actions .quiet{font-size:10px;padding:6px 8px}.frame-card img{height:auto;max-height:360px}}