@font-face{font-family:system-fallback;src:local("Microsoft YaHei UI")}*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:#242b34;font-family:Inter,"Segoe UI",system-fallback,"PingFang SC",sans-serif;font-size:17.5px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{cursor:pointer}button{transition:background .16s,opacity .16s,transform .16s}button:disabled{cursor:not-allowed;opacity:.38}button:enabled:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fca47a;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{height:82px;background:#fff;border-bottom:1px solid #e9ecf0;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:27.5px;font-weight:750;letter-spacing:-.6px}.brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ff6a36}.brand-icon svg{width:29px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-edition{font-size:13.75px;font-weight:500;color:#bd6b45;background:#fff3e9;border:1px solid #f8e5d4;padding:5px 9px;border-radius:6px;margin-left:3px;letter-spacing:.4px}.top-meta{display:flex;align-items:center;gap:10px;font-size:13.75px;color:#8b939e;letter-spacing:.6px}.top-meta a{margin-left:20px;font-size:15px;color:#626b78}.local-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:#399d86;display:inline-block}.divider{height:13px;width:1px;background:#e5e8eb;margin:0 9px}main{max-width:1480px;margin:auto;padding:42px 5% 22px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.eyebrow{font-size:12.5px;letter-spacing:2px;color:#8c949e;font-weight:600}h1{font-size:38.75px;letter-spacing:-.8px;margin:10px 0 9px;font-weight:700}h1 span{color:#f46b3c}.page-heading p{margin:0;color:#89919b;font-size:15px;letter-spacing:.2px}.status-pill{display:flex;align-items:center;gap:7px;background:#fff;padding:9px 14px;border:1px solid #e4e8ed;border-radius:20px;color:#7d8692;font-size:13.75px;white-space:nowrap}.status-pill span{width:6px;height:6px;background:#aeb5bd;border-radius:50%}.status-pill.connected{color:#26836c;border-color:#d9e9e2;background:#f0f8f4}.status-pill.connected span{background:#349c7a}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px}.main-column{min-width:0}.card{background:#fff;border:1px solid #e8ebef;border-radius:14px}.setup-card{padding:23px 26px 8px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.section-heading h2{font-size:17.5px;font-weight:650;margin:0;display:flex;align-items:center;gap:10px}.step{font-size:12.5px;font-weight:650;color:#fc7547;background:#fff1e9;border:1px solid #ffe3d3;width:24px;height:24px;border-radius:7px;display:grid;place-items:center}.text-button{padding:4px 0;background:transparent;color:#8c949f;font-size:13.75px}.text-button:hover{color:#ec6a3e}.connection-grid{display:grid;grid-template-columns:1fr 1.55fr auto;align-items:end;gap:14px}label{font-size:13.75px;color:#7f8895;display:block}input:not([type=checkbox],[type=radio]),select{display:block;border:1px solid #e1e5eb;border-radius:7px;background:#fcfcfd;width:100%;height:39px;margin-top:8px;padding:0 11px;color:#46505e;font-size:15px;outline:0;min-width:0}input:focus,select:focus{border-color:#f1a888;box-shadow:0 0 0 3px #fff1e9}input::placeholder{color:#b1b8c1}.button{font-size:15px;font-weight:550;border-radius:8px;padding:11px 17px;white-space:nowrap;line-height:18px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.dark{background:#28333e;color:#fff}.dark:hover{background:#354552}.field-hint{font-size:12.5px;line-height:1.9;color:#9ca4ae;margin:9px 0 0}.setup-divider{height:1px;background:#f0f1f4;margin:20px 0 18px}.run-mode{display:flex;gap:20px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.run-mode>div{margin-right:auto}.field-label{font-size:12.5px;color:#929ba6;display:block;margin-bottom:5px}.campaign-name{font-size:15px;font-weight:550}.radio{display:flex;gap:6px;align-items:center;font-size:13.75px;color:#6f7885}.radio input,input[type=checkbox]{accent-color:#f26e3f;margin:0;box-shadow:none}details{border-top:1px solid #f0f1f4}summary{font-size:13.75px;padding:14px 0;color:#596472}summary span{float:right;color:#a4acb5;font-size:12.5px}.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:15px}.switches{display:grid;grid-template-columns:1fr 1fr;gap:13px}.switches label{display:flex;gap:7px;align-items:center;color:#697482}details>.field-hint{padding-bottom:12px}.execution-card{margin-top:20px;background:#203b38;border:1px solid #213e39;border-radius:14px;overflow:hidden;color:white}.execution-body{display:flex;align-items:center;gap:17px;padding:24px 26px;min-height:122px}.execution-symbol{height:48px;width:48px;display:grid;place-items:center;font-size:40px;border-radius:13px;color:#c6e1c6;background:#ffffff0c;border:1px solid #ffffff14;flex:none}.execution-copy{min-width:0}.execution-copy .eyebrow{font-size:12px;color:#96b5a9;letter-spacing:2px}.execution-copy h2{font-size:23.75px;font-weight:600;margin:8px 0 7px;overflow-wrap:anywhere}.execution-copy p{font-size:13.75px;color:#a6bcb4;margin:0;line-height:1.7}.countdown{margin-left:auto;white-space:nowrap;padding-left:15px;display:flex;flex-direction:column;align-items:center}.countdown strong{font-size:40px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}.countdown span{font-size:12px;color:#a6bcb4;margin-top:6px}.action-bar{background:#142c292b;border-top:1px solid #ffffff0e;display:flex;justify-content:space-between;padding:13px 25px}.primary-actions,.secondary-actions{display:flex;gap:9px}.white{background:#ffffff0d;color:#e1e9e3;border:1px solid #ffffff20;min-width:104px}.white:hover{background:#ffffff1c}.orange{background:#ff7848;color:white;min-width:138px}.orange:hover{background:#ff8a60}.orange span{font-size:12.5px}.ghost{color:#c1d1ca;background:transparent;border:1px solid #ffffff20;padding:9px 12px;font-size:13.75px}.ghost:hover{background:#ffffff14}.stop:enabled{color:#ffd0bb}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);margin:21px 0;background:white;border:1px solid #e8ebef;border-radius:12px;padding:18px 0}.stat{padding:0 18px;border-right:1px solid #eef0f3}.stat:last-child{border:0}.stat>span{font-size:12.5px;color:#8b94a0}.stat>div{display:flex;align-items:baseline;gap:7px;margin-top:9px}.stat strong{font-size:33.75px;font-weight:600;line-height:1.15;letter-spacing:-.8px;color:#35434b;font-variant-numeric:tabular-nums}.stat small{font-size:12px;color:#b0b7bf}.results-card{overflow:hidden;min-height:310px}.results-header{display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:1px solid #eef0f3}.tabs{display:flex;gap:25px}.tab{background:none;font-size:15px;color:#8c959f;padding:20px 0 17px;border-bottom:2px solid transparent}.tab.active{color:#35434a;border-bottom-color:#f58152;font-weight:650}.tab span{font-size:12px;padding:2px 6px;background:#f0f2f5;border-radius:4px;color:#8d96a0;margin-left:4px}.elapsed{color:#a0a8b1;font-size:12.5px;font-variant-numeric:tabular-nums}.filters{display:flex;align-items:center;gap:7px;padding:15px 24px}.filter{background:none;padding:5px 11px;border-radius:5px;color:#8d97a2;font-size:12.5px}.filter.active{background:#f1f5f4;color:#3e7062}.filters>span{margin-left:auto;font-size:12px;color:#a8afb8}.empty-state{text-align:center;padding:22px 0 34px}.empty-icon{margin:auto;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f4f6f8;color:#b9c2cd;font-size:33.75px}.empty-state h3{font-size:15px;margin:13px 0 9px;font-weight:500;color:#7a8592}.empty-state p{font-size:12.5px;color:#aab2bc;line-height:1.9;margin:0}.task-table{max-height:480px;overflow:auto}.task-row{display:grid;grid-template-columns:minmax(0,1fr) 68px 83px;align-items:center;gap:15px;padding:17px 24px;border-top:1px solid #f1f3f5}.task-title{font-size:15px;line-height:1.6;display:flex;align-items:flex-start;gap:9px;color:#505c67}.task-type{font-size:12px;background:#f0f4f8;color:#7c8d9e;padding:2px 5px;border-radius:3px;white-space:nowrap;margin-top:2px}.task-detail{font-size:12.5px;margin-top:5px;color:#a0a8b3;line-height:1.6;overflow-wrap:anywhere}.task-progress{font-size:13.75px;color:#8d98a4;font-variant-numeric:tabular-nums;text-align:center}.task-status{font-size:12.5px;padding:5px 7px;border-radius:5px;background:#f5f6f8;color:#8f99a3;text-align:center}.task-status.done{background:#edf6f1;color:#468a70}.task-status.running{background:#fff0e6;color:#df7a3a}.task-status.manual,.task-status.disabled{background:#f6f3e9;color:#a19468}.task-status.failed{background:#fdf0ef;color:#b47a76}.log-list{height:320px;overflow:auto;padding:15px 24px;background:#fcfdfd;font-family:Consolas,"Microsoft YaHei UI",monospace}.log-line{display:grid;grid-template-columns:66px 52px 1fr;gap:7px;font-size:12.5px;line-height:1.9;margin-bottom:6px;overflow-wrap:anywhere}.log-line time{color:#a4aeb8}.log-level{color:#60a08e}.log-line.WARNING .log-level{color:#c39251}.log-line.ERROR .log-level{color:#c07a72}.log-text{color:#70818b}.log-empty{font-size:13.75px;color:#a0a9b3}.preview-card{padding:22px 19px 15px}.preview-card .section-heading{margin-bottom:20px}.preview-card h2{font-size:15px}.phone{background:#25312f;padding:6px;border-radius:23px;max-width:211px;margin:0 auto;box-shadow:0 8px 19px #263f3212;border:1px solid #35433e}.phone-screen{aspect-ratio:9/20;background:#f6f8f7;border-radius:17px;overflow:hidden;position:relative}.phone-screen img{width:100%;height:100%;object-fit:contain;background:#111}#phone-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:radial-gradient(ellipse at 70% 20%,#f3eade,transparent 65%);color:#acb8af;font-size:13.75px}#phone-placeholder svg{width:35px;fill:none;stroke:#c4cec6;stroke-width:1.4;margin-bottom:17px}#phone-placeholder small{font-size:12px;color:#b9c2bb;margin-top:7px}.preview-meta{display:flex;align-items:center;justify-content:space-between;color:#a5adb6;font-size:12px;margin-top:20px}.package-name{border-top:1px solid #eff1f4;margin-top:12px;padding-top:12px;font-family:Consolas,monospace;font-size:12.5px;color:#96a1ab;overflow-wrap:anywhere}.help-card{margin-top:20px;background:#f0eee7;border:1px solid #e9e6de;border-radius:13px;padding:23px 23px 18px}.help-number{font-size:12px;letter-spacing:1px;color:#a49b86}.help-card h3{font-size:18.75px;line-height:1.8;margin:12px 0 8px;color:#6d6d5f;font-weight:550}.help-card p{font-size:13.75px;color:#999586;line-height:2;margin:0}.help-line{height:1px;background:#e4e0d6;margin:16px 0}footer{margin-top:23px;color:#a5adb6;font-size:12.5px;display:flex;justify-content:space-between;gap:12px}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#273a35;color:white;padding:13px 22px;border-radius:9px;box-shadow:0 5px 30px #243c3322;max-width:90vw;line-height:1.7;font-size:15px;z-index:20}.execution-card.is-active .execution-symbol{animation:pulse 2s infinite}.execution-card.needs-attention{background:#5a4835;border-color:#5a4835}@keyframes pulse{50%{background:#ffffff1d}}@media(min-width:1550px){main{padding-left:35px;padding-right:35px}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.setup-card{padding:20px 20px 6px}.run-mode{gap:12px}.run-mode>div{width:100%}.stat{padding:0 12px}.top-meta>span:nth-last-of-type(1){display:none}.connection-grid{grid-template-columns:1fr 1.3fr}.connection-grid button{grid-column:span 2}.task-row{padding:14px 18px}.filters>span{display:none}}@media(max-width:760px){.topbar{height:66px;padding:0 5%}.brand{font-size:25px}.brand-edition{font-size:12px;padding:4px 6px}.top-meta{font-size:12.5px}.top-meta .divider,.top-meta a{display:none}main{padding-top:28px}.page-heading{align-items:flex-start;gap:10px}h1{font-size:28.75px;line-height:1.4;letter-spacing:-1px}.page-heading p{font-size:12.5px}.status-pill{font-size:12px;padding:7px 9px}.workspace{display:flex;flex-direction:column}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.help-card{margin:0;align-self:start}.preview-card{padding:17px 14px}.phone{max-width:150px}.stat{padding:0 9px}.stat strong{font-size:28.75px}.stat small{display:none}.stat>span{font-size:12px}.execution-body{padding:20px;gap:12px}.execution-symbol{width:40px;height:40px}.execution-copy h2{font-size:21.25px}.action-bar{padding:12px 15px}.button{font-size:13.75px;padding:9px 12px}.white{min-width:80px}.orange{min-width:105px}.secondary-actions{gap:5px}.ghost{padding:8px}.results-header{padding:0 18px}.filters{padding:12px 15px}.task-row{grid-template-columns:minmax(0,1fr) 38px 65px;gap:7px}.task-type{display:none}.options-grid{gap:9px}.switches{grid-template-columns:1fr}footer{font-size:12px}.countdown{padding-left:0}.countdown strong{font-size:31.25px}.top-meta{gap:6px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.app-exit{text-align:center;padding:0 20px 20px}.app-exit button{font-size:13.75px;color:#939d9f}
.advanced-entry{margin:2px 0 18px;padding:11px 13px;border-radius:7px;background:#f7f9fa}.advanced-entry .field-label{margin-bottom:9px}.primary-actions{align-items:center}.action-hint{font-size:12.5px;color:#a6bcb4}.stats-context{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:21px;color:#8b94a0;font-size:12.5px;line-height:1.7}.stats-context strong{font-size:13.75px;font-weight:550;color:#64766e}.stats-grid{margin:9px 0 10px}.round-summary{color:#88958f;font-size:12.5px;line-height:1.8;margin:0 0 17px}.diagnostics-card{margin-top:16px;padding:0 23px 17px}.diagnostics-card summary{padding:16px 0 0}.diagnostics-card p{font-size:13.75px;line-height:1.8;color:#7e8b86;margin:15px 0}.diagnostics-card code{display:block;padding:10px 12px;background:#f5f7f6;border-radius:6px;color:#77857e;font-size:12.5px;line-height:1.8;overflow-wrap:anywhere}.diagnostics-actions{display:flex;align-items:center;gap:15px;margin-top:13px;flex-wrap:wrap}.diagnostics-actions a{color:#3e7d67;font-size:13.75px}.diagnostics-actions a:hover{text-decoration:underline}.diagnostics-actions span{font-size:12.5px;line-height:1.7;color:#a39375}@media(max-width:760px){.stats-context{display:block}.stats-context span{display:block;margin-top:4px}.action-hint{display:none}.diagnostics-card{padding:0 17px 15px}.round-summary{font-size:12px}.stat>span{line-height:1.6}.stats-grid{align-items:start}}

/* MiaoTask v9: compact, opt-in tools and independently disclosed settings. */
.brand-icon{width:40px;height:40px;background:transparent;border-radius:0}.brand-icon img{display:block;width:40px;height:40px;object-fit:contain}.brand-name{font-size:28.75px;letter-spacing:-.8px}.brand-edition{margin-left:0}
.feature-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #eef1ef;padding-top:15px}.settings-buttons{display:flex;gap:7px;flex-wrap:wrap}.feature-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid #e4e9e6;border-radius:7px;background:#fff;color:#61736a;font-size:13.75px;line-height:16px;white-space:nowrap;transition:background .15s,border-color .15s}.feature-button:hover{background:#f7f9f7;border-color:#cfdcd4}.feature-button.is-open{background:#fff3eb;border-color:#f7cbb5;color:#cb693f}.feature-button:focus-visible{outline:2px solid #dc946f;outline-offset:3px}.instance-toggle{margin-left:auto;background:#f7f9f8}.instance-toggle span{font-size:12px;color:#96a49b;padding-left:7px;border-left:1px solid #dfe6e1}.setup-summary{display:flex;justify-content:space-between;gap:15px;padding:12px 0 15px;color:#9aa59f;font-size:12.5px;line-height:1.7}.setup-summary>span:last-child{text-align:right;max-width:48%;overflow-wrap:anywhere}.mode-note{font-size:12.5px;padding:4px 8px;border-radius:5px;color:#a37b4b;background:#faf4e9}
.settings-panel,.instance-settings{margin:0 0 14px;padding:20px;background:#fafcfb;border:1px solid #e5ece7;border-radius:9px}.settings-panel-heading{margin-bottom:18px}.settings-panel-heading h3{margin:0 0 7px;font-size:16.25px;font-weight:650;color:#455c50}.settings-panel-heading p{margin:0;font-size:13.75px;line-height:1.8;color:#96a29a}.task-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px}.settings-field-label{margin:19px 0 10px}.task-kind-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.task-kind-options label{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 8px;border:1px solid #e4eae6;border-radius:7px;background:white;color:#64766c}.task-kind-options label:has(input:checked){border-color:#d3e2d7;background:#f1f7f3;color:#3a755b}.settings-switch{padding:13px 0;border-bottom:1px solid #e9eeeb}.settings-switch label{display:flex;align-items:flex-start;gap:10px;color:#5c7164;line-height:1.8}.settings-switch input{margin-top:4px}.settings-switch small{display:block;font-size:12.5px;color:#9ba79f;margin-top:2px}.settings-panel .field-hint{margin-top:14px}.swipe-settings{border:0;padding:0;margin:4px 0 0}.swipe-range-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(80px,.85fr) minmax(80px,.85fr);gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid #e9eeeb}.swipe-range-row>div strong{display:block;font-size:13.75px;font-weight:550;color:#62766a}.swipe-range-row>div small{display:block;font-size:12.5px;color:#9ca89f;margin-top:6px}.swipe-range-row input{margin-top:5px;height:36px}.swipe-range-row label{font-size:12.5px}.settings-save{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 16px}.settings-save>span{font-size:12.5px;color:#a0aaa3}.settings-apply{padding:8px 15px;background:#28483f;color:#fff;font-size:13.75px}.settings-apply:hover{background:#386354}.settings-panel .advanced-entry{margin:17px 0 0;background:#f1f5f2}
.instance-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px}.instance-heading>label{grid-column:1/-1}.instance-heading select{width:100%;margin-top:0}.instance-heading button{white-space:nowrap}.queue-toggle{display:flex;align-items:center;gap:8px;font-size:13.75px;color:#63766b;flex-wrap:wrap;padding-top:16px}.queue-toggle span{font-size:12.5px;color:#a0aaa3}.instance-option{display:flex;align-items:center;gap:8px;margin-top:10px}.instance-option label{display:flex;align-items:center;gap:8px;flex:1;font-size:13.75px;color:#63766b}.instance-option button{padding:4px 10px}.instance-results{display:grid;gap:7px;margin-top:12px}.instance-result{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:#809088}.instance-result.running{color:#258765}.instance-result.needs_attention,.instance-result.error{color:#ac7347}.instance-settings input[type=checkbox]{width:auto}.app-exit p{font-size:12.5px;color:#8b9791}
@media(max-width:1100px){.feature-toolbar{gap:8px;align-items:flex-start}.feature-button{padding:8px 10px}.instance-toggle span{display:none}}@media(max-width:760px){.brand-name{font-size:25px}.brand-icon,.brand-icon img{width:35px;height:35px}.feature-toolbar{flex-wrap:wrap}.settings-buttons{flex:1;gap:6px}.feature-button{font-size:12.5px;padding:8px 9px}.instance-toggle{margin-left:0}.settings-panel,.instance-settings{padding:16px}.task-kind-options{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-summary{display:block;padding:10px 0 14px}.setup-summary>span{display:block}.setup-summary>span:last-child{max-width:none;text-align:left;margin-top:3px}.instance-result{flex-direction:column;gap:3px}.swipe-range-row{grid-template-columns:minmax(105px,1fr) minmax(60px,.8fr) minmax(60px,.8fr);gap:10px}.swipe-range-row>div small{font-size:12px}.instance-heading{gap:8px}.brand-edition{font-size:12px}}
@media(max-width:430px){.feature-toolbar{display:block}.instance-toggle{margin-top:8px}.swipe-range-row{grid-template-columns:1fr 1fr}.swipe-range-row>div{grid-column:1/-1}.swipe-range-row>div small{display:inline;margin-left:8px}.swipe-range-row>div strong{display:inline}.topbar{gap:8px}.brand{gap:7px}.brand-edition{display:none}}
.wifi-manager{margin:16px 0;border:1px solid #e1e8e5;border-radius:10px;padding:14px 16px;background:#f8faf9}.wifi-manager summary{color:#386356;font-weight:600;font-size:15px}.wifi-manager summary span{font-size:12.5px;font-weight:400;color:#87968f;margin-left:12px}.wifi-manager h3{font-size:15px;margin:22px 0 8px}.wifi-manager .field-hint{line-height:1.9}.wifi-manager .settings-buttons{margin:14px 0}.wifi-connect-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.wifi-manager strong{font-weight:600;color:#866848}#wifi-status{color:#467566;margin-bottom:0}@media(max-width:760px){.wifi-manager summary span{display:block;margin:6px 0 0}.wifi-connect-grid{grid-template-columns:1fr}.wifi-manager .connection-grid{grid-template-columns:1fr}}

.device-manager{padding:18px 24px;margin-bottom:22px}.device-toolbar,.device-batch{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.device-toolbar h2{font-size:17.5px;margin:0 auto 0 0}.device-batch{font-size:13.75px;color:#7b8983;margin-top:14px}#device-tabs{display:flex;gap:10px;overflow-x:auto;padding:12px 0 3px}.device-tab{display:flex;align-items:center;border:1px solid #e3e9e6;border-radius:9px;padding:8px;min-width:180px;background:#fafcfb}.device-tab.selected{border-color:#70aa95;background:#f0f8f4}.device-tab button{background:none;color:inherit;text-align:left;padding:3px 10px;min-width:145px}.device-tab strong,.device-tab span{display:block}.device-tab strong{font-size:15px}.device-tab span{font-size:12.5px;margin-top:7px;color:#7e8e85}.device-tab input{accent-color:#389276}#add-device-panel{border-top:1px solid #e6ebe8;margin-top:16px;padding-top:8px}.phone.wide-screen{max-width:100%;border-radius:14px}.phone.wide-screen .phone-screen{border-radius:9px}#phone-image{max-height:none}@media(max-width:760px){.device-manager{padding:15px}.device-batch{gap:8px}.device-tab{min-width:160px}}

.address-field{font-size:13.75px;color:#7b8993;min-width:0}.ipv4-fields{display:flex;align-items:center;gap:4px;margin-top:8px}.ipv4-fields input{min-width:0;padding:10px 2px;text-align:center;width:3.4em;flex:1}.ipv4-fields .address-port{flex:1.55;min-width:4em}.address-field details{margin-top:8px;font-size:12.5px}.address-field details input{margin-top:7px}.task-row{grid-template-columns:minmax(0,1fr) 48px 110px 72px}.task-actions{display:flex;gap:4px}.task-choice{background:#f4f6f6;border:1px solid #e1e7e5;color:#718079;font-size:13.75px;padding:6px 9px;border-radius:5px}.task-choice.is-selected{background:#e5f1eb;color:#316f59;border-color:#9ec9b7}.task-choice:disabled{opacity:.5;cursor:default}@media(max-width:760px){.task-row{grid-template-columns:minmax(0,1fr) 35px 65px}.task-actions{grid-column:1/3;grid-row:2}.task-status{grid-column:3;grid-row:1/3}}

/* App navigation and independently installed activities share one device workspace. */
.application-manager{padding:20px 24px;margin-bottom:22px}.application-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.application-toolbar h2{font-size:18.75px;margin:7px 0 0}.application-toolbar .eyebrow{font-size:12px}.application-toolbar .feature-button{background:#f4f8f5}.application-manager nav{display:flex;gap:10px;overflow-x:auto;margin-top:17px}.application-tab{display:flex;align-items:center;gap:9px;background:#fafcfb;border:1px solid #e4ebe6;border-radius:9px;padding:10px 14px;color:#6d7c73;white-space:nowrap}.application-tab.active{background:#edf6f0;border-color:#80b49b;color:#2e7253}.application-tab strong{font-size:15px}.application-tab small{font-size:12px;padding:2px 5px;border-radius:4px;background:#e8efe9}.application-initial{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#fff0e7;color:#e07d47;font-size:15px}.activity-selection{margin:18px 0 23px;padding:18px;background:#f8faf9;border:1px solid #e5ece7;border-radius:9px}.activity-selection h3{font-size:15px;color:#526b5b;margin:0 0 13px}.activity-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.activity-tile{display:flex;align-items:center;gap:11px;border:1px solid #dfe8e2;border-radius:8px;padding:13px 12px;background:white;cursor:pointer;min-width:0}.activity-tile.selected{border-color:#85b49e;background:#eff7f2}.activity-tile input{width:auto;margin:0;accent-color:#438d6a}.activity-tile strong,.activity-tile small{display:block}.activity-tile strong{font-size:15px;line-height:1.6;color:#496351}.activity-tile small{font-size:12.5px;line-height:1.7;color:#93a298;margin-top:3px}.activity-tile:has(input:disabled){cursor:default}.activity-empty{grid-column:1/-1;text-align:center;padding:14px 5px 20px}.activity-empty strong{font-size:17.5px;color:#647d6a}.activity-empty p{font-size:13.75px;color:#96a399;margin:10px 0 15px}.pipeline-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4ebe6;margin-top:15px;padding-top:14px;gap:10px}.pipeline-heading strong{font-size:13.75px;color:#718578}.pipeline-heading strong span{font-size:12.5px;background:#e3eee6;border-radius:4px;padding:2px 6px;margin-left:5px}.activity-pipeline-row{display:flex;gap:9px;align-items:center;margin-top:9px;padding:9px 10px;background:#fff;border:1px solid #edf0ed;border-radius:6px}.activity-pipeline-label{display:flex;align-items:center;gap:9px;flex:1;min-width:0;flex-wrap:wrap}.activity-pipeline-label strong{font-size:13.75px;line-height:1.7;font-weight:550}.activity-pipeline-label small{font-size:12px;color:#91a096}.activity-pipeline-label .pipeline-number{display:inline-grid;place-items:center;background:#edf4ee;width:20px;height:20px;border-radius:5px;color:#57916c}.activity-pipeline-row .text-button{padding:4px 7px}.pipeline-status{font-size:12px;color:#8f9b92;white-space:nowrap}.pipeline-status.running{color:#26906a}.pipeline-status.error,.pipeline-status.needs_attention{color:#b48247}
#activity-center{width:min(820px,94vw);max-height:86vh;border:1px solid #dde7e0;border-radius:17px;padding:28px;background:#fbfcfb;color:#35493c;box-shadow:0 28px 100px #203a3440}#activity-center::backdrop{background:#213a3659;backdrop-filter:blur(3px)}.activity-center-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.activity-center-heading h2{font-size:28.75px;letter-spacing:-.5px;margin:10px 0 16px}.activity-source-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e9eeea;padding-top:15px}.activity-source-badge{display:inline-block;font-size:12.5px;background:#ebf4ee;color:#42785c;border-radius:6px;padding:7px 10px}.activity-source-group{margin-top:24px}.activity-source-group h3{font-size:17.5px;margin:0 0 12px}.activity-center-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.activity-download-card{padding:18px;border:1px solid #e1e9e2;background:white;border-radius:11px}.activity-download-card h4{margin:0 0 9px;font-size:16.25px;line-height:1.7;font-weight:600}.activity-download-card p{font-size:12.5px;color:#92a095;line-height:1.8}.activity-download-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:14px}.activity-incompatible{display:block;color:#ac7959;line-height:1.8;font-size:12.5px;margin-top:12px}.activity-center-note{margin:25px 0 0;border-top:1px solid #e7ede8;padding-top:16px;color:#94a196;font-size:12.5px;line-height:1.9}.activity-center-empty{padding:35px 5px;text-align:center;color:#8a9a8e;font-size:15px}
@media(max-width:760px){.application-manager{padding:17px}.activity-selection{padding:14px}.activity-tiles,.activity-center-grid{grid-template-columns:1fr}.activity-pipeline-row{gap:5px;flex-wrap:wrap}.activity-pipeline-label{flex-basis:65%}.activity-pipeline-row .text-button{padding:4px}.pipeline-status{margin-left:auto}#activity-center{padding:20px}.activity-center-heading h2{font-size:25px}.activity-source-toolbar{align-items:flex-start}.application-tab{padding:9px 11px}}

.activity-folder{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:14px 16px;background:#f2f6f4;border:1px solid #dce6df;border-radius:12px;margin:14px 0 22px}.activity-folder>div{min-width:0}.activity-folder code{display:block;overflow-wrap:anywhere;font-size:15px;margin-top:5px;color:#436151}.activity-folder button{flex-shrink:0}@media(max-width:600px){.activity-folder{align-items:flex-start;flex-direction:column}}

/* Readable desktop workspace: compact selection and persistent preview. */
:root{scrollbar-gutter:stable}
main{max-width:1560px;padding:30px 32px 24px}
.topbar{height:78px}
.page-heading{margin-bottom:24px}
.workspace{grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.card{border-color:#e0e6e4}
button:disabled{opacity:.48}
.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 11px;border:1px solid #dce6df;border-radius:7px;background:#f6f9f7;color:#426657;font-weight:550;line-height:1.4}
.text-button:enabled:hover{background:#eaf3ed;border-color:#a8c6b5;color:#245a43}
.button,.feature-button{min-height:42px}
.feature-button{font-weight:550;color:#3c6150;border-color:#d3e0d7}
input:not([type=checkbox],[type=radio],[type=range]),select{height:44px}
input[type=checkbox],input[type=radio]{width:16px;height:16px;flex:none}
.section-heading{margin-bottom:16px}
.device-manager{padding:15px 20px;margin-bottom:16px}
.device-toolbar h2{font-size:17.5px}
.device-tab{min-width:180px;padding:8px}
.device-tab button{min-height:40px}
.device-batch{gap:8px;margin-top:10px}
.application-manager{display:flex;align-items:center;gap:16px;padding:13px 20px;margin-bottom:16px}
.application-toolbar{display:contents}
.application-toolbar>div{order:0;flex:none}
.application-toolbar .eyebrow{display:none}
.application-toolbar h2{font-size:17.5px;margin:0}
.application-toolbar>button{order:2;margin-left:auto}
.application-manager nav{order:1;margin:0;min-width:0;gap:8px}
.application-tab{padding:7px 11px;border-radius:8px}
.application-tab strong{font-size:15px}
.application-initial{width:25px;height:25px}
.setup-card{padding:20px 22px 8px}
.activity-selection{margin:12px 0 18px;padding:12px 14px;background:#f8faf9}
.activity-selection h3{font-size:13.75px;margin:0 0 10px}
.activity-tiles{display:flex;flex-wrap:wrap;gap:8px}
.activity-tile{flex:0 1 auto;min-height:40px;padding:8px 11px;gap:8px;border-radius:7px}
.activity-tile strong{font-size:14.5px;font-weight:550;line-height:1.5}
.activity-tile.selected{border-color:#67a88a;background:#eaf5ee}
.activity-tile:has(input:focus-visible){outline:3px solid #fca47a;outline-offset:2px}
.activity-selection>.field-hint{margin-top:7px;font-size:12px;line-height:1.6}
.pipeline-details{margin-top:10px;border-top:1px solid #e1e8e3}
.pipeline-details>summary{display:flex;align-items:center;gap:8px;padding:10px 0 1px;list-style:none;font-size:13px;color:#526e5e}
.pipeline-details>summary::before{content:'▸';font-size:15px}
.pipeline-details[open]>summary::before{content:'▾'}
.pipeline-details>summary span{float:none;font-size:12px}
#pipeline-count{background:#e3eee6;color:#346a4b;padding:1px 7px;border-radius:4px}
.pipeline-details>summary .pipeline-expand-hint{margin-left:auto;color:#718a7a}
.pipeline-heading{border:0;margin-top:9px;padding-top:0}
.activity-pipeline-row{margin-top:7px;padding:6px 8px;gap:6px}
.activity-pipeline-row .text-button{min-height:30px;min-width:30px;padding:4px 7px}
.activity-pipeline-label strong{font-size:13.5px}
.activity-pipeline-label>small:not(.pipeline-number){display:none}
.pipeline-status{font-size:12px}
.setup-summary{font-size:12.5px}
.task-row{grid-template-columns:minmax(0,1fr) 50px 132px 85px;gap:12px}
.task-choice{min-height:36px;padding:7px 11px}
.task-actions{gap:6px}
.task-table{max-height:580px}
.log-list{height:420px}
.log-line{grid-template-columns:70px 60px minmax(0,1fr)}
.side-column{position:sticky;top:20px;align-self:start;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}
.preview-card{padding:18px 16px 14px}
.preview-card .section-heading{margin-bottom:16px;gap:6px}
.preview-card h2{font-size:15px;white-space:nowrap}
.preview-actions{display:flex;gap:6px}
.preview-actions .feature-button{font-size:13px;min-height:36px;padding:6px 9px}
.phone{width:var(--preview-width,220px);max-width:100%}
.phone.wide-screen{width:min(100%,calc(var(--preview-width,220px)*1.5))}
.preview-controls{margin:17px 0 0;padding-top:12px;border-top:1px solid #e9eeeb}
.preview-controls label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#61796a}
.preview-controls output{font-variant-numeric:tabular-nums;color:#436b52}
.preview-controls input[type=range]{display:block;width:100%;height:24px;padding:0;margin:7px 0;background:none;border:0;box-shadow:none;accent-color:#428568;cursor:pointer}
.preview-controls p{font-size:12px;color:#87958d;margin:5px 0 0;line-height:1.6}
.preview-meta{margin-top:13px;font-size:12px}
.package-name{font-size:12px;margin-top:9px;padding-top:9px}
.help-card{padding:18px;margin-top:16px}
.help-card h3{font-size:17px;margin:10px 0 8px}
.help-card p{font-size:13.5px;line-height:1.85;color:#827f70}
.help-line{margin:12px 0}
body:has(dialog[open]){overflow:hidden}
#activity-center,#preview-dialog{border:1px solid #d9e4dd;border-radius:16px;padding:22px;color:#35493c;background:#fbfcfb;box-shadow:0 24px 90px #203a3440;overflow:hidden}
#activity-center{width:min(920px,94vw);max-height:min(820px,88dvh)}
#activity-center[open],#preview-dialog[open]{display:flex;flex-direction:column}
#activity-center::backdrop,#preview-dialog::backdrop{background:#213a366b;backdrop-filter:blur(3px)}
.activity-center-heading{flex:none;align-items:center;margin:0;padding:0 0 15px}
.activity-center-heading h2{font-size:26px;margin:6px 0 0;line-height:1.4}
.activity-center-heading .eyebrow{font-size:12px}
.activity-center-heading button{min-width:85px}
.activity-source-toolbar{flex:none;padding-top:13px;padding-bottom:8px}
.activity-source-badge{font-size:12.5px;overflow-wrap:anywhere}
.activity-center-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-width:thin}
.activity-center-body>.field-hint{margin:3px 0 12px;font-size:13px;line-height:1.65}
.activity-folder{display:block;padding:0 12px;margin:0 0 14px;border-radius:8px}
.activity-folder>summary{font-size:13px;padding:11px 0}
.activity-folder-content{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px}
.activity-folder code{font-size:12.5px;margin:0;min-width:0}
.activity-folder button{flex:none}
.activity-source-group{margin-top:16px}
.activity-source-group h3{font-size:17px;margin-bottom:10px}
.activity-center-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.activity-download-card{padding:13px 15px;border-radius:9px;min-width:0}
.activity-download-card h4{font-size:16px;margin:0 0 6px;line-height:1.5}
.activity-download-card p{font-size:12.5px;line-height:1.6;margin:5px 0 8px;overflow-wrap:anywhere}
.activity-download-actions{margin-top:8px;gap:8px}
.activity-download-actions button{min-height:35px;font-size:13px;padding:6px 10px}
.activity-center-note{font-size:12.5px;margin-top:16px;padding-top:12px;line-height:1.7}
#preview-dialog{width:min(780px,94vw);max-height:90dvh}
.preview-expanded-body{display:flex;justify-content:center;min-height:0;overflow:auto;background:#eef2ef;border-radius:10px}
#preview-expanded-image{display:block;max-width:100%;max-height:calc(90dvh - 110px);object-fit:contain}
.app-exit button{min-height:40px;padding:8px 16px}
@media(max-width:1250px){
  main{padding-left:22px;padding-right:22px}
  .workspace{grid-template-columns:minmax(0,1fr) 300px;gap:18px}
  .setup-card{padding:18px 18px 8px}
  .activity-tile strong{font-size:14px}
  .preview-card{padding:16px 12px 12px}
  .preview-actions .feature-button{padding:6px 7px}
  .task-row{padding:14px 16px;grid-template-columns:minmax(0,1fr) 38px 120px 80px;gap:8px}
}
@media(max-width:950px){
  .workspace{display:flex;flex-direction:column}
  .main-column,.side-column{width:100%}
  .side-column{position:static;max-height:none;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:0}
  .help-card{margin:0;align-self:start}
  .application-manager{flex-wrap:wrap;gap:10px}
  .application-manager nav{flex:1}
}
@media(max-width:600px){
  main{padding:22px 15px}
  h1{font-size:28px}
  .page-heading{gap:12px;align-items:flex-start}
  .page-heading .status-pill{font-size:12px;padding:8px}
  .side-column{grid-template-columns:1fr}
  .application-toolbar h2{font-size:16px}
  .application-toolbar>div{display:none}
  .activity-tile{padding:8px 9px}
  .activity-tile strong{font-size:14px}
  .task-row{grid-template-columns:minmax(0,1fr) 35px 78px}
  .task-actions{grid-column:1/3;grid-row:2}
  .task-status{grid-column:3;grid-row:1/3}
  .action-bar{flex-wrap:wrap;gap:10px}
  #activity-center,#preview-dialog{padding:16px;width:96vw;max-height:90dvh}
  .activity-center-grid{grid-template-columns:1fr}
  .activity-center-heading h2{font-size:23px}
  .activity-source-toolbar{gap:8px;align-items:center}
  .activity-source-badge{font-size:12px;max-width:65%}
  .activity-folder-content{align-items:flex-start;flex-direction:column}
}
.help-card>summary{display:flex;align-items:center;gap:8px;list-style:none;font-size:14.5px;font-weight:600;line-height:1.5;color:#6e725e;padding:0}
.help-card>summary::before{content:'▸'}
.help-card[open]>summary::before{content:'▾'}
.help-card>summary span{font-size:12px;font-weight:400;float:none;margin-left:auto;color:#96957f}
.help-body{margin-top:14px}
.help-body .help-number{display:none}
/* Navigation, device rail and focused workbench dialogs. */
.topbar{position:sticky;top:0;z-index:30;padding:12px 24px;gap:22px;height:78px;background:#fff}
.topbar .brand{flex:none}
.topbar #application-nav{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;margin:0;flex:1}
.top-navigation{display:flex;align-items:center;gap:8px;flex:none}
.top-navigation .feature-button,.top-navigation .text-button{min-height:40px;font-size:14px;white-space:nowrap;padding:8px 12px}
.topbar .top-meta{flex:none;gap:7px;font-size:13px;white-space:nowrap}
.device-rail{position:fixed;left:20px;top:98px;bottom:20px;z-index:15;width:164px;padding:15px 11px 12px;background:#fff;border:1px solid #e0e6e4;border-radius:13px;display:flex;flex-direction:column;margin:0}
.device-rail-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 3px}
.device-rail-heading h2{font-size:16px;margin:0}
.device-rail-heading>span{font-size:12px;color:#88988d}
.device-rail-hint{font-size:12px;line-height:1.6;color:#8a968e;margin:8px 3px 14px}
.device-rail-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}
.device-rail #device-tabs{display:flex;flex-direction:column;gap:9px;margin:0}
.device-rail .device-tab{display:flex;gap:7px;align-items:flex-start;padding:10px 8px;min-width:0;width:100%;border-radius:9px;background:#fafcfb}
.device-rail .device-tab.selected{background:#eef7f1;border-color:#74aa8a;box-shadow:inset 3px 0 #599574}
.device-rail .device-tab input{margin:3px 0 0;width:14px;height:14px}
.device-rail .device-tab button{min-width:0;min-height:36px;flex:1;padding:0;text-align:left}
.device-rail .device-tab strong{font-size:14px;line-height:1.5;display:block;overflow-wrap:anywhere}
.device-rail .device-tab button span{font-size:12px;line-height:1.6;white-space:normal;display:block;margin-top:4px;color:#85968a}
.device-add{display:flex;align-items:center;justify-content:center;gap:7px;background:#fafcfb;border:1px dashed #afc5b5;border-radius:9px;min-height:64px;width:100%;font-size:14px;color:#618571;margin:10px 0 0;padding:8px}
.device-add span{font-size:23px;line-height:1}
.device-add:hover:enabled{border-color:#4d8966;background:#eff7f1}
.device-rail .device-batch{border-top:1px solid #e7ece8;margin:15px 0 0;padding:12px 0 0;display:flex;flex-direction:column;align-items:stretch;gap:8px;flex:none}
.device-batch #batch-selection{font-size:12px;color:#7d9183;margin:0 0 2px;text-align:center}
.device-batch .button{font-size:14px;padding:10px 8px;min-width:0;width:100%}
.device-batch-secondary{display:flex;gap:6px}
.device-batch-secondary button{flex:1;min-width:0}
.device-batch .text-button{font-size:12.5px;padding:6px;min-height:34px}
#batch-result:empty{display:none}
main{margin:0 0 0 204px;width:calc(100% - 204px);max-width:none;padding:26px 28px 22px}
.page-heading{margin-bottom:22px}
.workspace{grid-template-columns:minmax(0,1fr) 320px;gap:22px}
.side-column{top:98px;max-height:calc(100dvh - 118px)}
.workspace.preview-hidden{grid-template-columns:minmax(0,1fr)}
.setup-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.setup-summary{margin-top:12px;padding-bottom:8px}
.workbench-dialog{width:min(760px,94vw);max-height:86dvh;border:1px solid #d9e4dd;border-radius:16px;padding:22px;color:#35493c;background:#fbfcfb;box-shadow:0 24px 90px #203a3440;overflow:hidden}
.workbench-dialog[open]{display:flex;flex-direction:column}
.workbench-dialog::backdrop{background:#213a366b;backdrop-filter:blur(3px)}
.dialog-context{font-size:13px;line-height:1.6;margin:6px 0 0;color:#6c8877}
.settings-scope{font-size:13px;color:#7e9083;line-height:1.7;margin:0 0 14px;border-top:1px solid #e3ebe5;padding-top:13px}
.common-settings-body,.add-device-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:5px}
#common-settings>.settings-buttons{margin:0 0 12px;flex:none}
#common-settings .settings-panel{margin:0;border:0;padding:16px;background:#f4f8f5;border-radius:9px}
#common-settings .settings-save{margin:14px 0 0;padding:0;border:0}
#common-settings .settings-save span{font-size:12.5px;line-height:1.6}
#add-device-panel .connection-grid{grid-template-columns:1fr 1fr}
#add-device-panel .connection-grid>button{grid-column:1/-1}
.add-device-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.toast{z-index:50}
.app-exit{margin-left:204px}
@media(max-width:1300px){
 .topbar{gap:14px;padding:12px 20px}.top-navigation{gap:6px}.top-navigation .feature-button,.top-navigation .text-button{padding:8px;font-size:13px}.topbar .top-meta{display:none}
 .workspace{grid-template-columns:minmax(0,1fr) 285px;gap:18px}main{padding:24px 20px}.device-rail{width:154px;left:16px}main{margin-left:186px;width:calc(100% - 186px)}.app-exit{margin-left:186px}
}
@media(max-width:1050px){
 .topbar{height:auto;min-height:78px;flex-wrap:wrap;gap:12px}.topbar #application-nav{flex:1}.top-navigation{margin-left:auto;flex-wrap:wrap}
 .device-rail{position:relative;inset:auto;width:auto;margin:18px 20px 0;padding:14px;max-height:none}
 .device-rail-hint{margin:6px 0 10px}.device-rail-list{display:flex;align-items:stretch;gap:10px;overflow-x:auto}.device-rail #device-tabs{flex-direction:row;flex:none}.device-rail .device-tab{width:170px;flex:none}.device-add{width:140px;flex:none;margin:0}
 .device-rail .device-batch{flex-direction:row;align-items:center;flex-wrap:wrap;padding-top:10px;margin-top:10px}.device-batch #batch-selection{margin:0 5px 0 0}.device-batch .button{width:auto;min-width:120px}.device-batch-secondary{width:120px}
 main{margin:0;width:100%;padding:22px 20px}.app-exit{margin-left:0}.side-column{position:static;max-height:none}
}
@media(max-width:950px){.workspace.preview-hidden{display:block}}
@media(max-width:600px){
 .topbar{padding:12px 15px;gap:10px;position:relative}.topbar .brand-name{font-size:25px}.topbar #application-nav{justify-content:flex-end}.top-navigation{width:100%;justify-content:space-between;gap:5px}.top-navigation .feature-button,.top-navigation .text-button{font-size:12px;padding:7px;min-height:36px}.top-navigation a{display:none}
 .device-rail{margin:12px 15px 0}.device-batch #remove-device{margin-left:auto}.device-rail .device-tab{width:155px}main{padding:20px 15px}.page-heading p{font-size:12.5px}h1{font-size:28px}
 .workbench-dialog{padding:16px;width:96vw;max-height:90dvh}.workbench-dialog .activity-center-heading h2{font-size:23px}.settings-scope{font-size:12px}#common-settings .settings-panel{padding:12px}#common-settings .options-grid{grid-template-columns:1fr 1fr}#common-settings .settings-save{flex-wrap:wrap}
 #add-device-panel .connection-grid{grid-template-columns:1fr}.add-device-body .text-button{margin-top:8px}
}
#rankings-dialog{width:min(1040px,95vw)}
.ranking-toolbar{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid #e3ebe5;flex-wrap:wrap}
.ranking-toolbar>#rankings-refresh{margin-left:auto}
.segmented{display:flex;border:1px solid #dce6df;border-radius:8px;padding:3px;background:#f2f6f3;gap:3px}
.segmented button{border:0;border-radius:6px;background:transparent;font-size:14px;min-height:36px;padding:7px 14px;color:#7c8d80}
.segmented button[aria-pressed=true]{background:white;color:#366147;box-shadow:0 1px 5px #253b2914;font-weight:600}
#rankings-status{margin:14px 0;font-size:13px}
.ranking-table-wrap{overflow:auto;min-height:100px;scrollbar-width:thin}
.ranking-table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}
.ranking-table th{position:sticky;top:0;background:#f1f6f2;padding:13px 12px;text-align:left;font-weight:550;color:#748676;z-index:1}
.ranking-table th button{border:0;background:transparent;color:#718673;font-size:13px;padding:4px;min-height:32px}
.ranking-table th button[aria-pressed=true]{color:#275d3b;font-weight:650;background:#e2eee4;border-radius:5px}
.ranking-table td{padding:15px 12px;border-bottom:1px solid #e7ece8}
.ranking-table .ranking-number{font-variant-numeric:tabular-nums;text-align:right}
.ranking-device strong{font-weight:550;display:block;font-size:14px}
.ranking-device small{display:block;color:#91a093;margin-top:6px;font-size:12px}
.ranking-place{color:#50926a;font-weight:650}
.ranking-empty{text-align:center;padding:45px 15px!important;color:#8b9b8f;white-space:normal}
.ranking-footnote{flex:none;border-top:1px solid #e3ebe5;margin-top:16px;padding-top:10px;font-size:12.5px;color:#90a092;line-height:1.7}
.ranking-footnote p{margin:0 0 7px}
.ranking-footnote summary{font-size:12.5px;padding:5px 0}
.ranking-footnote code{display:block;overflow-wrap:anywhere;white-space:normal;margin:5px 0}
@media(max-width:600px){.ranking-toolbar{gap:8px}.segmented button{padding:7px 10px;font-size:13px}.ranking-toolbar>#rankings-refresh{font-size:12px;padding:7px}.ranking-table td,.ranking-table th{padding:10px 8px}.ranking-table{font-size:13px}.ranking-footnote{font-size:12px}}
/* Device connections live in the editor; applications stay beside activities. */
.top-navigation{margin-left:auto}
.application-switcher{display:flex;align-items:center;gap:14px;margin:3px 0 15px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.application-switcher>.field-label{margin:0;flex:none}
.application-switcher #application-nav{display:flex;gap:9px;overflow-x:auto;min-width:0;padding:2px}
.application-switcher .application-tab{flex:none;min-height:40px}
.current-device-caption{font-size:13px;color:var(--muted);max-width:50%;text-align:right;overflow-wrap:anywhere}
.setup-card{padding-bottom:15px}
.activity-selection{margin-bottom:14px}
.run-mode{margin-top:12px;border-top:1px solid var(--line);padding-top:15px}
.setup-tools{justify-content:flex-end;margin-top:12px}
.setup-summary{padding-bottom:0;margin-top:10px}
.device-rail .device-tab{display:grid;grid-template-columns:14px minmax(0,1fr) 20px;gap:5px;padding:11px 7px}
.device-rail .device-tab [role=tab]{width:100%;min-width:0}
.device-rail .device-tab .device-edit{font-size:17px;min-height:28px;width:20px;align-self:start;color:var(--muted);opacity:.75}
.device-rail .device-tab .device-edit:hover{color:var(--accent);opacity:1}
#add-device-panel{width:min(790px,94vw)}
.device-editor-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:5px}
.device-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:16px 0;border-top:1px solid var(--line)}
.device-editor-tools{display:flex;align-items:end;gap:8px}
.device-editor-tools label{flex:1;min-width:0}
.device-editor-tools .text-button{flex:none;min-height:44px}
.device-editor-tools select{max-width:100%}
.connection-methods{display:flex;gap:8px;margin:17px 0}
#device-connection-fields>.connection-grid{grid-template-columns:1fr 1.6fr auto}
#wifi-manager{padding:0;border:0;background:none;margin-top:0}
#wifi-manager>summary{display:none}
#device-connection-fields .field-hint{font-size:12.5px}
.device-editor-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none;margin-top:18px;padding-top:12px;font-size:13px}
@media(max-width:1250px){.top-navigation .feature-button,.top-navigation .text-button{padding:8px 10px}.device-rail .device-tab{grid-template-columns:14px minmax(0,1fr) 18px}}
@media(max-width:600px){.topbar{gap:12px}.top-navigation{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;width:100%}.top-navigation .feature-button{flex:none}.device-editor-tools{flex-wrap:wrap}.device-editor-tools label{flex-basis:100%}.device-editor-tools .text-button{flex:1}#device-connection-fields>.connection-grid{grid-template-columns:1fr}.device-name-row{gap:8px}.device-name-row .feature-button{font-size:12px;padding:9px}.device-rail .device-tab{width:165px}}
/* Compact workspace and explicitly aligned connection and ranking forms. */
.workspace-status{display:flex;justify-content:flex-end;margin-bottom:12px}
.setup-card .activity-selection{margin-bottom:0}
#instance-panel{padding:12px 0 16px;margin:0;border:0;border-bottom:1px solid var(--line);background:none}
#instance-panel .queue-toggle{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
#instance-panel .queue-toggle span{flex-basis:100%;padding-left:26px;font-size:12px;color:var(--muted)}
#instance-panel #instance-hint{margin-bottom:0}
.wifi-address-mode{display:flex;align-items:center;gap:8px;margin:8px 0 16px}
#wifi-pair-panel>.connection-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px!important;gap:14px;align-items:start}
#wifi-pair-panel>.connection-grid>.button{grid-column:1/-1;justify-self:end;min-width:145px;font-weight:650}
#wifi-pair-panel .address-field,#wifi-manager .address-field{min-width:0}
#wifi-manager .address-field>span{display:block;line-height:1.6;margin-bottom:8px}
#wifi-manager label{line-height:1.6}
#wifi-manager .ipv4-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr) 6px) minmax(68px,1.5fr);align-items:center;gap:3px}
#wifi-manager .ipv4-fields input{width:100%;min-width:0;height:44px;padding:8px 3px;text-align:center}
#wifi-manager .ipv4-fields>span{width:auto;text-align:center}
#wifi-manager .address-field>div:not(.ipv4-fields):not(.address-choices)>input{width:100%;margin:0}
#wifi-manager .wifi-connect-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}
#wifi-manager .wifi-connect-grid>.button{min-width:145px;min-height:44px;font-weight:650}
#wifi-manager h3{margin-top:20px}
.ranking-table th:nth-child(n+5){text-align:right}
.ranking-table th button{display:inline-flex;align-items:center;justify-content:flex-end;white-space:nowrap;margin:0;padding:4px 0;min-height:32px;font:inherit}
.ranking-table th:has([data-ranking-metric]){text-align:right}
.ranking-table td,.ranking-table th{vertical-align:middle}
@media(max-width:600px){#wifi-pair-panel>.connection-grid{grid-template-columns:minmax(0,1fr)!important}#wifi-pair-panel>.connection-grid>label{max-width:180px}#wifi-manager .wifi-connect-grid{grid-template-columns:minmax(0,1fr)}#wifi-manager .wifi-connect-grid>.button{justify-self:end}#wifi-manager .ipv4-fields{grid-template-columns:repeat(4,minmax(0,1fr) 4px) minmax(55px,1.4fr);gap:1px}}
/* Captions align with native form labels in both address modes. */
#wifi-manager .address-field{font-size:13.75px;color:var(--muted)}
/* Branch controls remain compact on desktop and wrap inside narrow dialogs. */
.activity-source-toolbar{flex-wrap:wrap;justify-content:flex-start}
#activity-source-branch{width:210px;max-width:100%;min-width:130px;flex:0 1 210px}
#activity-branches-refresh,#activity-center-refresh{flex:none;white-space:nowrap}
.activity-source-toolbar .activity-source-badge{max-width:100%;margin-left:auto;white-space:nowrap;overflow-wrap:normal}
@media(max-width:600px){.activity-source-toolbar .activity-source-badge{margin-left:0;white-space:normal;flex-basis:100%}}
.activity-choice{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-width:0}
.activity-choice .activity-tile{min-width:0}
.activity-info-button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:var(--accent,#cc6535);font-size:16px;font-weight:700;cursor:pointer}
.activity-info-button:hover{background:var(--surface-soft,#fff1e7)}
.activity-info-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#activity-info{width:min(560px,92vw);max-height:85vh;overflow:auto}
.activity-info-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:16px;padding:16px 0 4px}

.activity-choice.activity-tile{gap:5px;padding:8px 10px}.activity-choice-label{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.activity-choice .activity-info-button{width:17px;height:17px;font-size:11px;line-height:1;border-width:1px}