*{box-sizing:border-box} :root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#202c31;background:#f4f6f5;font-size:14px;--green:#147d67;--line:#e4eae7;--muted:#7a8782}body{margin:0}button,input,select{font:inherit}button{border:1px solid #dce4df;border-radius:8px;background:white;color:#34483e;padding:10px 16px;cursor:pointer;font-weight:600;transition:.15s}button:hover:not(:disabled){background:#eaf3ee;border-color:#a5c7b7}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover:not(:disabled){background:#106351}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #77c6aa;outline-offset:2px}[hidden]{display:none!important}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#fff}.brand{text-decoration:none;color:var(--green);font-size:34px;display:flex;align-items:center;gap:12px}.brand span{font-size:23px;font-weight:750;color:#20372e}.brand small{font-size:10px;display:block;letter-spacing:2px;color:#8b9690;margin-top:1px}.local{font-size:12px;color:#62776d}.local i{display:inline-block;background:#35a277;width:7px;height:7px;border-radius:50%;margin-right:7px}main{max-width:1440px;margin:auto;padding:36px 5% 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#81938a;font-weight:700}.heading h1{font-size:30px;letter-spacing:-.6px;margin:12px 0}.heading p{color:var(--muted);margin:0 0 28px;line-height:1.8}.card{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 12px #1d392506}.connect{display:flex;align-items:center;gap:16px;padding:21px 24px;margin-bottom:22px}.step{width:42px;height:42px;border-radius:12px;background:#e9f3ee;color:var(--green);display:grid;place-items:center;font-weight:750}.connect-copy{flex:1}.connect h2{margin:0 0 5px;font-size:16px}.connect p{margin:0;color:var(--muted);font-size:12px;word-break:break-word}.badge{font-size:11px;padding:5px 10px;background:#f1f4f2;border-radius:20px;color:#85908b}.badge.on{background:#e4f5ec;color:#147d67}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.section-head{display:flex;justify-content:space-between;align-items:center;padding:22px 23px 18px;gap:12px}.section-head h2{font-size:17px;margin:7px 0 0}.section-head button{font-size:12px;padding:8px 11px}.muted{color:var(--muted);font-size:11px;font-weight:400;margin-left:5px}.stage{margin:0 20px;background:#eff3f1;border:1px solid #e4ebe7;border-radius:9px;min-height:345px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(#cddbd3 .7px,transparent .7px);background-size:16px 16px}.placeholder{text-align:center;padding:25px}.window-icon{font-size:64px;color:#94afa1;line-height:1.3}.placeholder h3{font-size:18px;margin:10px 0;color:#4f675b}.placeholder p{color:#7e9186;font-size:12px;line-height:1.8}.placeholder span{font-size:11px;color:#9aaba1}.surface{position:relative;width:100%;line-height:0;touch-action:none}.surface video{width:100%;display:block}.surface canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.preview-footer{display:flex;justify-content:space-between;gap:8px;padding:14px 22px;font-size:11px;color:#89998f}.legend{display:inline-block;width:8px;height:8px;border:1.5px solid #e6a839;margin-right:5px}.demo-bar{margin:4px 20px 19px;border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;color:#8a988f;font-size:12px}.demo-bar button{border:0;background:#eff5f1;font-size:12px;color:var(--green)}.demo-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 20px 20px;font-size:11px;color:#6f8578}.demo-controls button{padding:6px 10px}.settings{padding-bottom:18px}.upload{margin:0 22px;display:flex;min-height:149px;align-items:center;justify-content:center;text-align:center;border:1px dashed #b9cfc1;border-radius:9px;background:#f8fbf9;cursor:pointer;position:relative}.upload:hover,.upload.drag{background:#eaf5ee;border-color:var(--green)}.upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload b{font-size:26px;font-weight:400;color:var(--green);display:block;margin-bottom:4px}.upload strong,.upload span{display:block}.upload strong{font-size:13px;font-weight:600;margin:4px 0;color:#3a5a49;max-width:225px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload span{font-size:11px;color:#8a9e91}.upload img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated;background:repeating-conic-gradient(#e6ebe8 0% 25%,white 0% 50%) 50%/12px 12px}.hint{font-size:11px;line-height:1.8;color:#8c9991;margin:12px 22px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 22px}.settings-fields label,.field{font-size:12px;color:#53695b}.input-unit{position:relative;margin-top:8px}.input-unit input{width:100%;padding:10px 30px 10px 10px;border:1px solid #dee6df;border-radius:7px;color:#334e3e}.input-unit span{position:absolute;right:11px;top:11px;color:#93a296;font-size:11px}.field{display:block;margin:0 22px}.field select{display:block;margin-top:8px;width:100%;padding:10px 7px;border:1px solid #dee6df;border-radius:7px;font-size:12px;color:#53695b;background:#fff}.run-actions{display:flex;gap:8px;margin:20px 22px 0}.run-actions button{font-size:12px;padding:11px}.run-actions .primary{flex:1}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.metric{padding:20px 23px;display:flex;flex-direction:column;gap:10px}.metric>span{font-size:11px;color:#84938a}.metric strong{font-size:25px;font-weight:650;letter-spacing:-.6px}.metric small{font-size:10px;color:#98a39c}.metric strong.found{color:var(--green)}.metric strong.absent{color:#b48539}.log-card{margin-bottom:25px}#message{margin:0 23px 14px;font-size:12px;background:#f2f7f3;padding:11px 14px;color:#607a68;border-radius:6px}#message.error{color:#a7413a;background:#fff0ed}#logs{max-height:210px;overflow:auto;margin:0 23px 20px}.empty-log{text-align:center;color:#a2aca5;padding:10px;font-size:12px}.log-row{display:flex;gap:18px;border-bottom:1px solid #eef2ef;padding:10px 0;font-size:12px}.log-row time{color:#96a399;font-variant-numeric:tabular-nums}.log-row span{color:#4a6555}footer{color:#98a79d;font-size:10px;padding:0 0 22px;display:flex;justify-content:space-between}@media(min-width:1600px){main{padding-left:0;padding-right:0}}@media(max-width:1000px){main{padding:25px 20px}.workspace{grid-template-columns:minmax(0,1fr) 290px}.stage{min-height:300px}.preview-footer{flex-direction:column}.connect{flex-wrap:wrap}.metrics{gap:10px}.metric{padding:17px}}@media(max-width:760px){header{height:70px;padding:0 20px}.local{font-size:10px}.workspace{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.connect-copy{min-width:60%}.heading h1{font-size:25px}.stage{min-height:240px}footer span{display:none}}
.light-setting{display:block;margin:17px 22px 0;color:#476550;font-size:12px;cursor:pointer}.light-setting input{accent-color:var(--green);vertical-align:middle;margin:0 6px 0 0}.light-setting span{display:block;margin:7px 0 0 22px;color:#8c9991;font-size:11px;line-height:1.6}.compact-preview{margin:0 20px;min-height:345px;border:1px solid #dce9e1;background:#f6faf7;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:25px}.compact-preview canvas{max-width:100%;max-height:230px;object-fit:contain;border:1px solid #dae7df;background:#18382b}.compact-preview p{color:#81968a;font-size:12px;margin:0;text-align:center;line-height:1.6}.stage.compact{position:absolute;left:-10000px;width:2px;height:2px;min-height:0;overflow:hidden;opacity:0;pointer-events:none}.stage.compact .surface{width:2px}
.target-list{margin:0 22px 14px;display:grid;gap:8px;max-height:300px;overflow:auto}.target-row{padding:10px;border:1px solid #e0e9e2;border-radius:8px;background:#fafcfb}.target-row label{display:flex;align-items:center;gap:9px;cursor:pointer}.target-row input{accent-color:#147d67}.target-row img{width:44px;height:34px;object-fit:contain;background:#e9efeb;border-radius:4px}.target-name{min-width:0;flex:1;overflow-wrap:anywhere;font-size:12px}.target-name small{display:block;color:#8d9d93;font-size:10px;margin-top:4px}.target-description{margin:8px 0 0;color:#85978b;font-size:10px;line-height:1.6}.target-score{color:#617e6a;font-size:11px;margin-top:8px}.target-score.hit{color:#08714b;font-weight:600}.target-remove{border:0;padding:3px 6px;margin-top:4px;font-size:10px}.sound-settings{margin:20px 22px 0;padding-top:18px;border-top:1px solid #e4eae7;font-size:12px;color:#53695b}.sound-settings h2{font-size:16px;margin:8px 0 15px}.sound-settings input[type=checkbox]{accent-color:#147d67}.sound-field{display:block;margin:12px 0}.sound-field select{display:block;width:100%;padding:8px;border:1px solid #dce6df;border-radius:6px;margin-top:7px;background:#fff}.sound-field input[type=range]{width:100%;accent-color:#147d67;margin-top:8px}.sound-field input[type=file]{width:100%;margin:8px 0}.sound-field span{color:#8b9b90;font-size:11px}.sound-buttons{display:flex;gap:8px;margin-top:13px}.sound-buttons button{font-size:11px;padding:8px 11px}.sound-settings .hint{margin:10px 0}.sound-settings #soundStatus{font-size:11px;color:#147d67;line-height:1.7}.alarm-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border:1px solid #efc267;background:#fff6df;border-radius:10px;margin-bottom:20px;color:#78531a}.alarm-banner p{font-size:12px;margin:7px 0 0;line-height:1.7}.alarm-banner button{border-color:#ddb35e;color:#76521b;white-space:nowrap}.settings .upload{min-height:105px}.workspace{align-items:start}.settings{max-height:none}@media(max-width:760px){.alarm-banner{align-items:start;flex-direction:column}}
.left-column{min-width:0}.left-column .metrics{gap:12px}.left-column .metric{padding:17px}.left-column .metric strong{font-size:22px}@media(max-width:1100px){.left-column .metrics{grid-template-columns:1fr 1fr}}