.app-topbar{position:relative;z-index:5;grid-column:1/-1;display:grid;grid-template-columns:minmax(185px,1fr) auto minmax(185px,1fr);align-items:center;gap:18px;min-height:73px;padding:10px clamp(20px,2.2vw,34px);background:#141d23;border-bottom:1px solid #34434a;color:#eaf1f2}
.app-brand{display:flex;align-items:center;gap:11px;min-width:0;color:#eef4f5;font:800 16px/1.2 "Alibaba PuHuiTi 3.0","PingFang SC","Microsoft YaHei",system-ui,sans-serif;letter-spacing:.055em;white-space:nowrap}
.app-brand-mark{display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid #77cfc5;border-radius:6px;color:#86dbd1;font:800 17px/1 Consolas,ui-monospace,monospace}
.app-nav{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid #34474d;border-radius:10px;background:#10191e;min-width:0}
.app-nav a{display:grid;place-items:center;min-height:39px;padding:7px 17px;border-radius:7px;color:#aebec4;text-decoration:none;font:700 14px/1.2 "Alibaba PuHuiTi 3.0","PingFang SC","Microsoft YaHei",system-ui,sans-serif;white-space:nowrap}
.app-nav a:hover{background:#23353b;color:#eef4f5}.app-nav a[aria-current="page"]{background:#28504e;color:#a8efe5;box-shadow:inset 0 0 0 1px #609e98}
.app-nav a:focus-visible{outline:2px solid #83d9cf;outline-offset:2px}
.app-topbar-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.app-topbar-meta .connection{white-space:nowrap}.app-topbar-meta .text-button{padding:5px 7px}.app-context{color:#94a9b0;font-size:12px;white-space:nowrap}
@media(max-width:710px){.app-topbar{grid-template-columns:minmax(0,1fr) auto;gap:12px 8px;padding:14px max(17px,env(safe-area-inset-right)) 11px max(17px,env(safe-area-inset-left))}.app-brand{font-size:14px}.app-brand-mark{width:27px;height:27px;font-size:16px}.app-topbar-meta{grid-column:2;grid-row:1}.app-topbar-meta .connection{font-size:11px}.app-context{font-size:11px}.app-nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;width:100%}.app-nav a{font-size:14px;min-height:43px;padding:8px 6px}}
@media(max-width:350px){.app-brand{font-size:12px;gap:7px}.app-topbar-meta{gap:3px}.app-topbar-meta .connection{font-size:10px}.app-topbar-meta .text-button{font-size:11px}}
.site-footer{grid-column:1/-1;grid-row:3;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:32px;padding:22px 24px 28px;border-top:1px solid #2b3a55;color:#9fb3c6;text-align:center;font-size:12px;letter-spacing:0}
.site-footer .footer-meta{display:flex;justify-content:space-between;gap:16px;width:100%}
.site-footer .icp-link{color:#adc9d5;text-decoration:none;letter-spacing:0}
.site-footer .icp-link:hover{text-decoration:underline}
.site-footer .icp-link:focus-visible{outline:2px solid #83d9cf;outline-offset:4px}
.console-shell>.site-footer{margin-top:0}
@media(max-width:500px){.site-footer .footer-meta{flex-direction:column;align-items:center;gap:3px}}
.remember-control{display:inline-flex;align-items:center;gap:9px;margin-top:14px;color:#aebfcc;font-size:13px;line-height:1.4;cursor:pointer}
.remember-control input{width:17px;height:17px;margin:0;accent-color:#48cfcd;cursor:pointer}
.app-brand{font-size:18px}
.app-brand-mark{width:32px;height:32px;font-size:18px}
.app-nav a{font-size:16px;min-height:44px;padding:7px 15px}
.app-topbar-meta .connection,.app-topbar-meta .text-button{font-size:15px}
.app-context{font-size:14px}
.site-footer{font-size:14px}
.remember-control{font-size:15px}
.login-panel .remember-control{display:flex;font-size:15px;font-weight:500;margin:14px 0 0}
@media(max-width:710px){.app-brand{font-size:15px}.app-nav a{font-size:15px;min-height:47px;padding:7px 5px}.app-topbar-meta .connection,.app-topbar-meta .text-button,.app-context{font-size:13px}}
@media(max-width:350px){.app-brand{font-size:14px}.app-topbar-meta .connection,.app-topbar-meta .text-button{font-size:13px}}

/* Keep ComfyUI panels in place while raising the smallest labels and controls. */
.console-shell .eyebrow{font-size:14px}
.console-shell .device-tab{padding:11px 10px}
.console-shell .device-tab .eyebrow{font-size:13px}
.console-shell .device-tab strong{font-size:18px}
.console-shell .device-tab small,.console-shell .sidebar-bottom{font-size:14px}
.console-shell .nav-group a,.console-shell .nav-current{font-size:16px}
.console-shell .page-heading p,.console-shell .section-head>span:not(.badge){font-size:16px}
.console-shell .badge{min-height:35px;padding:4px 10px;font-size:14px}
.console-shell .action-button,.console-shell .more-button{min-height:48px;padding:8px 13px;font-size:16px}
.console-shell .text-button,.console-shell .error-banner,.console-shell .stale-notice{font-size:16px}
.console-shell .login-panel{padding:23px}
.console-shell .login-panel h2{font-size:28px}
.console-shell .login-panel p,.console-shell .login-panel label{font-size:16px}
.console-shell .login-controls input{min-height:48px;padding-inline:10px;font-size:16px}
.console-shell .metric-card{padding:15px 17px}
.console-shell .metric-card span{font-size:15px}
.console-shell .current-card{padding:19px 19px 20px}
.console-shell .section-head h2{font-size:20px}
.console-shell .task-meta strong{font-size:23px}
.console-shell .task-meta>div:first-child strong{font-size:25px}
.console-shell .progress-heading h3{font-size:18px}
.console-shell .progress-note,.console-shell .received{font-size:15px}
.console-shell .task-row{padding:8px 14px}
.console-shell .task-row strong{font-size:17px}
.console-shell .task-row .detail,.console-shell .task-row .state{font-size:15px}
.console-shell .empty-row,.console-shell .mobile-header a,.console-shell .dialog-grid{font-size:16px}
@media(max-width:650px){.console-shell .eyebrow{font-size:13px}.console-shell .metric-card{padding:13px}.console-shell .current-card{padding:15px 14px}.console-shell .task-meta strong{font-size:20px}.console-shell .task-meta>div:first-child strong{font-size:22px}.console-shell .task-row{padding:9px 10px}.console-shell .login-panel{padding:17px}}