:root{--bg:#f7f8f3;--paper:#fff;--ink:#292e26;--muted:#909589;--line:#e5e8de;--lime:#c9ed88;--green:#71972d;--sidebar:224px}*{box-sizing:border-box;overscroll-behavior:none}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:13px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #8faf52}button{background:0 0;border:0}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,p{margin:0}h2{letter-spacing:-.2px;font-size:14px;font-weight:600}code{font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;height:74px;padding:0 30px;display:flex;position:sticky;top:0}.brand{width:calc(var(--sidebar) - 30px);letter-spacing:-1.6px;align-items:center;gap:10px;font-size:29px;font-weight:700;display:flex}.brand-mark{color:#c9ef89;background:#303729;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.brand-dot{color:#83a946}.topbar-caption{letter-spacing:1.7px;color:#91968b;align-items:center;gap:11px;font-size:9px;font-weight:600;display:flex}.version-tag{color:#8c9188;letter-spacing:0;background:#f4f5f1;border-radius:3px;padding:3px 5px;font-size:9px;font-weight:400}.topbar-actions{align-items:center;gap:23px;margin-left:auto;display:flex}.local-badge{color:#7c8473;background:#f4f7ee;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.view-control{color:#9ba093;align-items:center;gap:9px;font-size:11px;display:flex}.active-view-label{color:var(--ink);font-weight:600}.view-switch{background:#e6e9e0;border-radius:20px;width:38px;height:22px;padding:3px;transition:background .2s}.view-switch span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block;box-shadow:0 1px 3px #0002}.view-switch.on{background:#92b953}.view-switch.on span{transform:translate(16px)}.topbar-divider{background:var(--line);width:1px;height:22px}.icon-button{color:#747b6c;border-radius:5px;place-items:center;padding:5px;display:grid}.icon-button:hover{background:#eff2e9}.sidebar{width:var(--sidebar);border-right:1px solid var(--line);z-index:10;background:#fbfcf8;flex-direction:column;padding:28px 17px 17px;display:flex;position:fixed;top:74px;bottom:0;left:0}.workspace-label,.sidebar-label{letter-spacing:1.8px;color:#9a9f92;padding-left:13px;font-size:9px;font-weight:600}.device-card{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:10px;margin:12px 0 35px;padding:14px 10px 13px;display:flex}.device-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:105px;font-size:11px;font-weight:600;display:block;overflow:hidden}.device-card span:not(.status-dot){color:var(--muted);margin-top:5px;font-size:9px;display:block}.device-icon{color:#7e8771}.device-card .status-dot{margin-left:auto}.sidebar-label{margin-bottom:14px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{text-align:left;color:#777e6e;border-radius:6px;align-items:center;gap:12px;width:100%;padding:12px 13px;font-size:12px;display:flex}.nav-item.selected{color:#52613d;background:#edf2e3;font-weight:600}.nav-item:hover{background:#f0f3e9}.nav-shortcut{color:#91a176;background:#e3ebd5;border-radius:3px;margin-left:auto;padding:2px 4px;font-size:9px}.nav-stat{font-variant-numeric:tabular-nums;color:#9aa18f;margin-left:auto;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:30px}.connection-card{background:#f2f5eb;border:1px solid #e2e8d7;border-radius:7px;padding:13px 12px}.connection-title{align-items:center;gap:7px;font-size:10px;display:flex}.connection-title strong{font-weight:600}.connection-title svg{color:#95a281;margin-left:auto}.connection-card p{color:#8d967f;margin:7px 0 13px;font-size:9px}.connection-port{color:#91a07b;border-top:1px solid #e1e7d6;align-items:center;gap:5px;padding-top:9px;display:flex}.connection-port code{font-size:9px}.sidebar-help{color:#858d7a;align-items:center;gap:9px;width:100%;padding:20px 10px 18px;font-size:10px;display:flex}.sidebar-help svg:last-child{margin-left:auto}.sidebar-footer{border-top:1px solid var(--line);color:#9ea593;white-space:nowrap;align-items:center;gap:6px;padding:17px 4px 0;font-size:8px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.green{background:#8aaa5b;box-shadow:0 0 0 3px #8aaa5b10}.status-dot.amber{background:#c4a154}.status-dot.gray{background:#b0b5a8}.main-content{margin-left:var(--sidebar);max-width:1640px;padding:28px 40px 18px}.mobile-nav{display:none}.page-breadcrumb{color:#a0a698;align-items:center;gap:11px;margin-bottom:32px;font-size:10px;display:flex}.page-breadcrumb strong{color:#6f7964;font-weight:400}.page-breadcrumb span{color:#c0c6b7}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}h1{letter-spacing:-1.4px;margin:10px 0 9px;font-size:clamp(25px,2.6vw,37px);font-weight:500;line-height:1.2}.page-heading p{color:#939a89;letter-spacing:.1px;font-size:11px}.heading-actions{flex-shrink:0;justify-content:flex-end;align-items:center;margin-left:auto;display:flex}.button{color:#6a745d;white-space:nowrap;background:#fff;justify-content:center;align-items:flex-end;gap:7px;max-height:70%;margin:auto;padding:9px 11px;font-size:10px;font-weight:500;transition:background .15s;display:inline-flex}.button:hover{background:#f1f5e8}.paused-button{background:#f2f1e2;border-color:#dbd9b8}.primary-button{color:#445434;background:#d7eea9;border-color:#d0e89a}.status-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#9ca38e;justify-content:space-between;align-items:center;margin-bottom:22px;padding:12px 0;font-size:9px;display:flex}.status-strip>div{align-items:center;gap:8px;display:flex}.status-strip strong{color:#6c785a;font-size:10px;font-weight:500}.strip-separator{background:#dce2d2;width:1px;height:11px;margin:0 3px}.update-rate{align-items:center;gap:5px;display:flex}.signal-bars{align-items:end;gap:2px;height:10px;display:flex}.signal-bars i{background:#a3b285;width:2px;height:4px}.signal-bars i:nth-child(2){height:7px}.signal-bars i:nth-child(3){height:10px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px;display:grid}.metric-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;min-width:0;padding:16px 16px 0;transition:border-color .15s,transform .15s;overflow:hidden}.metric-card:hover{border-color:#b8c8a2;transform:translateY(-2px)}.metric-card.active{border-color:var(--metric-color)}.metric-card-top{color:#7e8773;align-items:center;gap:8px;font-size:10px;display:flex}.metric-icon{color:var(--metric-color);place-items:center;display:grid}.metric-card-top>svg{color:#a3ab97;margin-left:auto}.metric-card-value{justify-content:space-between;align-items:center;margin:17px 0 12px;display:flex}.metric-card-value strong{letter-spacing:-1.1px;font-variant-numeric:tabular-nums;font-size:31px;font-weight:500}.metric-card-value small{color:#a0a796;margin-left:3px;font-size:17px;font-weight:400}.sparkline{width:46%;height:38px;overflow:visible}.metric-card-bottom{color:#98a08d;white-space:nowrap;justify-content:space-between;gap:5px;margin-bottom:17px;font-size:8px;display:flex}.metric-card-bottom>span:first-child{text-overflow:ellipsis;overflow:hidden}.temperature{color:#919b80}.metric-card-track{background:#f0f3e9;height:3px;margin:0 -16px}.metric-card-track span{opacity:.65;height:3px;transition:width .5s;display:block}.panel{border:1px solid var(--line);background:#fff;border-radius:8px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;padding:20px 21px 0;display:flex}.panel-heading p{color:#9ba38e;margin-top:7px;font-size:9px}.panel-title{align-items:center;gap:8px;display:flex}.panel-title>svg{color:#8e9a7e}.small-tag{letter-spacing:.8px;color:#9ca68c;white-space:nowrap;background:#f4f6ef;border-radius:3px;margin-left:6px;padding:4px 5px;font-size:7px;font-weight:500}.range-control{border:1px solid #e6eadf;border-radius:5px;gap:2px;padding:3px;display:flex}.range-control button{color:#99a18d;border-radius:3px;padding:4px 9px;font-size:9px}.range-control button.selected{color:#64774c;background:#edf2e3;font-weight:600}.performance-panel{margin-bottom:22px}.chart-wrap{height:232px;margin:26px 22px 0;padding-bottom:27px;padding-left:35px;position:relative}.chart-y{color:#a2aa96;flex-direction:column;justify-content:space-between;padding:2px 0;font-size:8px;display:flex;position:absolute;top:0;bottom:27px;left:0}.chart-svg{width:100%;height:100%;display:block;overflow:hidden}.chart-x{color:#a1a994;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:0;left:35px;right:0}.chart-empty{color:#adb69e;font-size:11px;position:absolute;top:40%;left:50%;transform:translate(-50%)}.chart-legend{color:#909b80;align-items:center;gap:23px;padding:20px 22px 18px;font-size:9px;display:flex}.chart-legend>span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:50%;width:6px;height:6px}.chart-legend strong{color:#657254;font-variant-numeric:tabular-nums;margin-left:3px;font-weight:500}.chart-legend .legend-caption{color:#a6af99;margin-left:auto;font-size:8px}.bottom-grid{grid-template-columns:minmax(0,1fr) 274px;gap:21px;display:grid}.process-panel .panel-heading{padding-bottom:19px}.process-count{color:#93a17e;background:#f1f4ec;border-radius:3px;padding:3px 5px;font-size:8px}.process-search{color:#a8b198;align-items:center;gap:6px;display:flex}.process-search input{color:#758265;background:0 0;border:none;outline:none;width:112px;font-size:9px}.process-search input::placeholder{color:#a0ab90}.process-table-scroll{max-height:286px;overflow:auto}table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:10px}th{color:#a0aa91;text-align:right;z-index:1;background:#fafbf7;border-top:1px solid #edf0e7;border-bottom:1px solid #edf0e7;height:30px;font-size:8px;font-weight:500;position:sticky;top:0}th button{align-items:center;gap:4px;padding:0;display:inline-flex}th:first-child,td:first-child{text-align:left;width:46%;padding-left:21px}th:nth-child(2){width:15%}th:last-child,td:last-child{padding-right:21px}td{text-align:right;color:#8b9779;font-variant-numeric:tabular-nums;border-bottom:1px solid #f0f2eb;padding-top:10px;padding-bottom:10px;font-size:9px;position:relative}td:first-child{color:#6a7859;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}td:first-child>span:last-child{margin-left:8px}.process-icon{vertical-align:middle;border-radius:5px;place-items:center;width:21px;height:21px;font-size:9px;display:inline-grid}.color-0{color:#c99450;background:#f4e9dc}.color-1{color:#8ca677;background:#e6efe2}.color-2{color:#86a4bb;background:#e2eaf1}.color-3{color:#a194bd;background:#efedf5}.color-4{color:#a3b16b;background:#ebf0e0}.process-cpu-bar{z-index:0;background:#eaf2db;border-radius:3px;position:absolute;top:6px;bottom:6px;right:0}.process-cpu-bar+span{position:relative}.table-footer{color:#a4ae96;justify-content:space-between;align-items:center;gap:6px;padding:13px 20px;font-size:7px;display:flex}.table-refresh{white-space:nowrap;align-items:center;gap:6px;display:flex}.table-empty{color:#a4ae96;text-align:center;padding:50px 20px;font-size:10px}.flipped{transform:rotate(180deg)}.system-panel{padding:20px}.system-device{flex-direction:column;align-items:center;margin:13px 0 19px;display:flex}.system-device-drawing{color:#adb99c;place-items:center;height:75px;display:grid;position:relative}.device-spark{color:#a0b96d;position:absolute;top:19px;left:19px}.system-device>strong{color:#667653;font-size:11px;font-weight:500}.system-device>span{color:#a0ad8d;margin-top:5px;font-size:8px}dl{margin:0}.system-specs>div{justify-content:space-between;gap:10px;margin:12px 0;font-size:8px;display:flex}dt{color:#a0ac8c}dd{text-align:right;color:#76875f;margin:0}.system-specs dd{text-overflow:ellipsis;white-space:nowrap;max-width:145px;overflow:hidden}.system-specs dd .status-dot{width:4px;height:4px;margin-right:3px}.system-bottom{color:#9eac88;border-top:1px solid #edf0e5;justify-content:center;align-items:center;gap:6px;margin-top:17px;padding:13px 0 10px;font-size:8px;display:flex}.system-network{color:#84956c;justify-content:space-around;font-size:9px;display:flex}.system-network span{align-items:center;gap:4px;display:flex}.main-footer{color:#a9b197;justify-content:space-between;align-items:center;margin-top:25px;font-size:8px;display:flex}.main-footer span{align-items:center;gap:6px;display:flex}.footer-mark{color:#a0ad86}.offline-banner{color:#7a8967;background:#eff3e6;border:1px solid #e1e8d4;border-radius:7px;align-items:center;gap:12px;margin-bottom:20px;padding:15px;display:flex}.offline-banner>div{flex-direction:column;flex:1;gap:5px;font-size:10px;display:flex}.offline-banner strong{color:#63744d;font-weight:500}.offline-banner code{font-size:9px}.demo-notice{color:#a08b5f;background:#f6f1e3;border:1px solid #ede5d0;border-radius:5px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;padding:11px 14px;font-size:9px;display:flex}.demo-notice button{white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}.motherboard-layout{grid-template-columns:minmax(0,1fr) 265px;gap:20px;display:grid}.motherboard-panel{overflow:hidden}.motherboard-scene{background:radial-gradient(at 50% 45%,#f2f5eb,#fafbf7 70%);height:450px;position:relative}.motherboard-scene canvas{touch-action:none;width:100%;height:100%;display:block}.scene-loading{color:#97a781;background:#fafbf6;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:450px;font-size:11px;display:flex}.scene-label{color:#7b8b65;background:#ffffffea;border:1px solid #dfe7d3;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:9px;transition:background .2s,border-color .2s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 10px #5367350a}.scene-label strong{color:#576e3b;font-weight:500}.scene-label.selected{background:#ecf5de;border-color:#b7cc94}.scene-label:hover{background:#e6f0d6}.scene-reset{color:#8d9d79;background:#fff9;border:1px solid #e1e7d8;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;display:flex;position:absolute;top:15px;right:17px}.scene-hover{color:#e8f1db;pointer-events:none;z-index:2;background:#303b24;border-radius:4px;padding:7px 9px;font-size:9px;position:absolute}.scene-error{text-align:center;color:#7d8e66;background:#f8faf3;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex;position:absolute;inset:0}.scene-error p{font-size:11px;line-height:1.8}.scene-error .fallback-buttons{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.scene-footer{color:#9aa98a;border-top:1px solid #edf1e6;justify-content:space-between;gap:10px;padding:14px 19px;font-size:8px;display:flex}.scene-footer>span{align-items:center;gap:7px;display:flex}.heat-gradient{background:linear-gradient(90deg,#a4bf71,#dfb35c,#e76c4e);border-radius:4px;width:40px;height:4px}.heat-dash{color:#b8c1ad}.component-panel{padding:24px 22px}.component-panel .eyebrow{letter-spacing:1.2px;font-size:7px}.component-big-icon{background:#f5f7ef;border:1px solid #e9efdd;border-radius:12px;place-items:center;width:65px;height:65px;margin:27px 0 19px;display:grid}.component-panel h2{letter-spacing:-.6px;font-size:21px;font-weight:500}.component-model{color:#99a788;min-height:27px;margin-top:7px;font-size:9px;line-height:1.6}.component-load{margin-top:24px}.component-load>span{color:#9caa8a;font-size:9px}.component-load>strong{letter-spacing:-1px;color:#617848;margin:10px 0 14px;font-size:32px;font-weight:400;display:block}.progress-track{background:#edf2e5;border-radius:4px;height:4px;overflow:hidden}.progress-track>span{border-radius:inherit;background:#a7c475;height:100%;transition:width .4s;display:block}.detail-list{margin-top:22px}.detail-list>div{border-bottom:1px solid #f0f3e9;justify-content:space-between;gap:15px;padding:12px 0;font-size:9px;display:flex}.detail-list dd{max-width:65%}.inspector-note{color:#9bac85;background:#f5f8ee;border-radius:5px;gap:8px;margin-top:27px;padding:13px;font-size:8px;line-height:1.8;display:flex}.breakdown{margin-bottom:22px;padding:22px}.core-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.core-grid>div{color:#98a787;background:#f8faf3;border:1px solid #eaf0df;border-radius:5px;padding:11px;font-size:9px}.core-grid strong{color:#778f58;margin:8px 0 12px;font-size:17px;font-weight:400;display:block}.performance-panel+.component-panel{margin-bottom:22px}.network-detail{color:#93a47d;align-items:center;gap:15px;margin-bottom:22px;padding:23px;display:flex}.network-detail p{color:#98a888;margin-top:7px;font-size:10px}.network-detail .small-tag{margin-left:auto}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;background:#1d261641;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(430px,100%);padding:32px;position:relative;box-shadow:0 20px 80px #26331a30}.modal-close{position:absolute;top:13px;right:13px}.modal-icon{color:#89a963;background:#eef5e3;border-radius:12px;place-items:center;width:55px;height:55px;margin-bottom:20px;display:grid}.modal h2{letter-spacing:-.8px;font-size:25px;font-weight:500}.modal>p{color:#95a487;margin:12px 0 22px;font-size:11px;line-height:1.8}.setup-step{gap:12px;margin:17px 0;display:flex}.setup-step>span{color:#b6c99a;padding-top:2px;font-size:11px}.setup-step strong{color:#7f9566;font-size:11px;font-weight:500;display:block}.setup-step code{color:#7c915e;background:#f2f6eb;border-radius:4px;margin-top:9px;padding:9px 13px;display:block}.modal-note{color:#9bad87;gap:8px;margin:22px 0;font-size:9px;line-height:1.8;display:flex}.modal-bottom{color:#96a883;border-top:1px solid #e8eedf;justify-content:space-between;align-items:center;padding:15px 0;font-size:10px;display:flex}.demo-toggle{color:#809365;background:#f3f6ed;border-radius:4px;align-items:center;gap:7px;padding:6px 8px;font-size:10px;display:flex}.modal .primary-button{width:100%;margin-top:5px}@media (min-width:1550px){.main-content{padding:34px 50px 20px}.chart-wrap{height:270px}.motherboard-scene{height:510px}}@media (max-width:1150px){:root{--sidebar:195px}.main-content{padding:25px 25px 18px}.metric-grid{gap:10px}.metric-card{padding:14px 12px 0}.metric-card-track{margin:0 -12px}.metric-card-value strong{font-size:27px}.bottom-grid{grid-template-columns:minmax(0,1fr) 235px;gap:15px}.heading-actions .button{padding:8px}.topbar-caption{letter-spacing:1px}.core-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.motherboard-layout{grid-template-columns:minmax(0,1fr) 220px;gap:12px}.component-panel{padding:22px 16px}}@media (max-width:950px){:root{--sidebar:73px}.brand{width:auto;margin-right:25px}.topbar-caption{display:none}.topbar{padding:0 24px}.sidebar{align-items:center;padding:25px 12px}.workspace-label,.device-card,.sidebar-label,.nav-item>span,.sidebar-bottom{display:none}.nav-item{padding:13px}.sidebar nav{gap:12px}.main-content{padding:26px 25px 20px}.page-heading{align-items:flex-start}.heading-actions{align-self:center}.heading-actions .button span{display:none}.heading-actions .button{padding:9px}.bottom-grid{grid-template-columns:minmax(0,1fr) 230px}}@media (max-width:730px){:root{--sidebar:0px}.sidebar{display:none}.topbar{height:64px;padding:0 18px}.brand{gap:8px;font-size:25px}.brand-mark{width:29px;height:29px}.topbar-actions{gap:12px}.local-badge,.topbar-divider{display:none}.main-content{padding:22px 18px}.page-breadcrumb{margin-bottom:25px}h1{font-size:29px}.eyebrow{letter-spacing:1.2px;font-size:7px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-card{padding:17px 16px 0}.metric-card-track{margin:0 -16px}.metric-card-bottom{font-size:9px}.metric-card-value strong{font-size:32px}.bottom-grid{grid-template-columns:1fr}.system-device{flex-direction:row;gap:16px;margin:5px 0}.system-device>span{margin-left:auto}.system-specs{grid-template-columns:1fr 1fr;gap:0 25px;display:grid}.main-footer{flex-direction:column;gap:13px}.chart-legend{gap:12px}.chart-legend .legend-caption{font-size:7px}.panel-heading{padding:18px 16px 0}.panel-title{gap:6px}.panel-title .small-tag{display:none}h2{font-size:13px}.status-strip{font-size:8px}.status-strip .strip-separator+span{display:none}.chart-wrap{height:210px;margin-left:16px;margin-right:16px}.offline-banner{flex-wrap:wrap}.offline-banner>div{min-width:220px}.demo-notice{align-items:flex-start;font-size:8px;line-height:1.7}.demo-notice button{font-size:8px}.motherboard-layout{grid-template-columns:1fr}.motherboard-scene{height:400px}.component-panel{padding:22px}.component-big-icon{float:left;margin:20px 18px 15px 0}.component-panel h2{margin-top:25px}.component-load{clear:both}.detail-list{margin-top:15px}.detail-list>div{font-size:10px}.inspector-note{margin-top:15px}.scene-label{gap:5px;padding:6px;font-size:8px}.scene-footer{padding:13px;font-size:7px}.core-grid{gap:8px}.core-grid>div{padding:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:730px){.mobile-nav{scrollbar-width:thin;gap:6px;margin:-3px 0 13px;padding-bottom:12px;display:flex;overflow-x:auto}.mobile-nav button{color:#8a967c;white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;display:flex}.mobile-nav button.selected{color:#607545;background:#eaf1de}.view-control{white-space:nowrap;font-size:10px}}@media (max-width:480px){.brand{margin-right:0}.topbar-actions{flex-shrink:0;gap:8px}.view-control{gap:6px}}.companion-modal{width:min(540px,100vw - 32px);max-height:calc(100dvh - 40px);overflow-y:auto}.setup-step>div{flex:1;min-width:0}.setup-description{color:#858c7b;margin:7px 0 10px;font-size:11px;line-height:1.6;display:block}.companion-downloads{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pairing-form{align-items:center;gap:8px;margin-top:10px;display:flex}.pairing-form input{border:1px solid var(--line);letter-spacing:1px;background:#fafbf7;border-radius:5px;flex:1;min-width:0;padding:10px 12px;font-family:monospace}.pairing-form .button{white-space:nowrap;flex-shrink:0}.companion-modal .pairing-form .primary-button{width:auto;margin-top:0}.connection-error{color:#9c522e;background:#fff6ed;border:1px solid #efdfcd;border-radius:5px;padding:12px;font-size:11px!important;line-height:1.6!important}.companion-connected{color:#638536;background:#eff6e5;border:1px solid #dce9ca;border-radius:7px;align-items:center;gap:14px;margin:22px 0;padding:20px 16px;display:flex}.companion-connected strong,.companion-connected span{display:block}.companion-connected span{color:#839373;margin-top:6px;font-size:11px}.companion-footer{align-items:center;gap:16px;margin-top:20px;display:flex}.companion-footer>.primary-button{width:auto;margin:0 0 0 auto}.text-button{color:#6e853e;text-underline-offset:3px;padding:7px 0;font-size:11px;text-decoration:underline}.offline-banner .text-button{white-space:nowrap}@media (max-width:480px){.pairing-form{flex-wrap:wrap}.companion-modal .pairing-form .primary-button{justify-content:center;width:100%}.companion-modal{padding:24px}}