:root{font-family:Segoe UI,"Microsoft YaHei",sans-serif;color:#202f32;background:#f3f5f3;font-synthesis:none;--accent:#206454}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:0 auto;padding:30px 30px 38px}header,.brand,.section-title,.port-row,.upload-row,.progress-top,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{justify-content:start;font-weight:650;font-size:15px}.logo{background:#233c36;color:#fff;padding:8px 11px;border-radius:9px;letter-spacing:1px}.intro{padding:42px 0 25px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#6b8176}h1{font-size:34px;letter-spacing:-.7px;margin:12px 0 10px;font-weight:650}.intro p{color:#667570;font-size:14px;margin:0}h2{font-size:16px;margin:0;font-weight:650}.card{border:1px solid #dce3dc;background:#fff;border-radius:14px;padding:24px;margin:14px 0;box-shadow:0 4px 15px #243e3210}.section-title{margin-bottom:22px}.badge{font-size:12px;border-radius:20px;background:#edf0ed;color:#68756c;padding:5px 10px}.badge.connected{color:#206454;background:#e6f3ec}label{display:block;font-size:12px;color:#65776e;margin-bottom:8px}button,select{font:inherit;font-size:13px;border:1px solid #d6dfd8;border-radius:8px;background:white;color:#30463d;min-height:40px;padding:8px 16px}button{cursor:pointer;font-weight:600;white-space:nowrap;transition:background .15s}button:hover{background:#edf3ef}button:disabled{opacity:.45;cursor:default}.dark{background:#273e36;color:white;border-color:#273e36}.dark:hover{background:#35584a}.accent{background:#206454;color:white;border-color:#206454}.accent:hover{background:#287b66}.quiet{background:transparent}.port-row select{flex:1;min-width:0}.helper{color:#748177;font-size:12px;line-height:1.65;margin:12px 0 0}.target{font-size:12px;color:#738076}.folder-name{font-size:15px;font-weight:600;margin:0;overflow-wrap:anywhere}.upload-row .helper{margin-top:6px}.upload-row{padding-bottom:28px;align-items:center}.progress-top{font-size:12px;align-items:flex-end;color:#5d7266;margin-bottom:10px}.progress-top #status{overflow-wrap:anywhere;min-height:18px}#percent{font-variant-numeric:tabular-nums}progress{display:block;width:100%;height:7px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:#edf0ed}progress::-webkit-progress-bar{background:#edf0ed}progress::-webkit-progress-value{background:#3b9275;border-radius:10px;transition:width .15s}.metrics{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;align-items:center;gap:18px;margin-top:23px}.metrics div span{display:block;font-size:11px;color:#7c8980;margin-bottom:8px}.metrics strong{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}footer{display:flex;justify-content:space-between;gap:16px;color:#7c8980;font-size:11px;margin-top:22px;line-height:1.7}.error{color:#a43c32;font-size:13px;line-height:1.7}.error-status{color:#a43c32}dialog{border:1px solid #dce3dc;border-radius:14px;padding:26px;max-width:600px;width:calc(100% - 40px);color:#202f32}dialog::backdrop{background:#102c2560}dialog p{font-size:13px;color:#64796c}dialog pre{font-size:12px;background:#f3f5f3;padding:14px;border-radius:8px;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.dialog-actions{justify-content:flex-end;margin-top:20px}button:focus-visible,select:focus-visible{outline:3px solid #89baa7;outline-offset:2px}@media(max-width:620px){main{padding:20px 16px}.intro{padding-top:30px}h1{font-size:27px}.card{padding:18px}.port-row{flex-wrap:wrap}.port-row select{flex-basis:100%}.upload-row{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.metrics #cancel{justify-self:end}.target{font-size:10px}footer{flex-direction:column;gap:4px}}