:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#243832;background:#f5f7f7;font-size:15px;letter-spacing:0}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}header{height:72px;background:#fff;border-bottom:1px solid #dae2df;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:21px}.brand span{color:#6b7772;border-left:1px solid #dce4df;padding-left:12px;font-size:14px}main{max-width:1320px;margin:auto;padding:32px}h1{font-size:25px;margin:0 0 8px}h2{font-size:18px;margin:0}p{line-height:1.6}button,input{font:inherit}button{border:1px solid #bdcbc5;border-radius:4px;min-height:40px;padding:9px 16px;background:white;color:#234e41;cursor:pointer}button:hover{background:#eef5f1}button.primary{background:#096c51;color:#fff;border-color:#096c51}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #d09a26;outline-offset:2px}input:not([type=range]){width:100%;height:42px;border:1px solid #bdcbc5;border-radius:4px;background:#fff;padding:8px 10px;color:#243832}input:disabled{background:#f0f3f2;color:#66756e}label{display:block;margin:22px 0 8px;font-size:14px;font-weight:600}#login{max-width:420px;margin:64px auto}#login button{margin-top:24px;width:100%}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dce4df;padding-bottom:20px;margin-bottom:24px}.heading p{color:#6b7772;margin:0}.layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);gap:32px;align-items:start}.devices{min-width:0}table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}th{font-size:12px;color:#728079;font-weight:500;border-bottom:1px solid #dce4df;padding:12px 8px}th:first-child{width:54%}td{padding:16px 8px;border-bottom:1px solid #e0e7e3;vertical-align:middle;font-size:13px;overflow-wrap:anywhere}tr.selected{background:#e7f2ed}.device{padding:0;min-height:40px;background:transparent;border:0;display:block;text-align:left;width:100%;font-weight:600;overflow-wrap:anywhere}.device small{display:block;font-size:11px;color:#718079;font-weight:400;line-height:1.6}.badge{display:inline-block;padding:4px 6px;background:#e8edeb;color:#62736b;border-radius:3px;font-size:12px}.badge.applied,.online{color:#086c50}.badge.pending,.badge.received{background:#fff0ca;color:#755408}.badge.failed{background:#fce6e2;color:#a32d20}.editor{border-left:1px solid #dce4df;padding-left:32px;min-width:0}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px}.editor-heading span{font-size:12px;color:#68776f}.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.range-label{display:flex;align-items:baseline;justify-content:space-between}.range-label output{font-variant-numeric:tabular-nums;color:#096c51}input[type=range]{width:100%;height:32px;accent-color:#096c51}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}#empty{padding:32px 8px;color:#728079}#notice{min-height:24px;color:#096c51;overflow-wrap:anywhere}#notice.error{color:#ac3022}@media(max-width:760px){header{padding:0 18px;height:64px}main{padding:24px 18px}.layout{grid-template-columns:minmax(0,1fr);gap:24px}.editor{border-left:0;border-top:1px solid #dce4df;padding:24px 0 0}.brand span{font-size:12px}.pair{grid-template-columns:minmax(0,1fr)}#login{margin:32px auto}h1{font-size:23px}th:first-child{width:48%}td{padding:12px 5px}}