:root{color:#dce5ed;font-synthesis:none;background:#0e1621;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.nav-shell{background:#0e1621;min-height:100vh}.nav-topbar{background:#111c28;border-bottom:1px solid #263442;justify-content:space-between;align-items:center;height:58px;padding:0 max(24px,50vw - 480px);display:flex}.nav-brand,.local-status{align-items:center;display:flex}.nav-brand{color:#f0f5f8;gap:9px;font-size:14px;font-weight:700}.nav-brand svg,.local-status svg{color:#55c5b7}.local-status{color:#91a6b8;gap:6px;font-size:12px}.nav-content{max-width:960px;margin:0 auto;padding:54px 24px}.nav-heading p{color:#55c5b7;margin:0 0 8px;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.nav-heading h1{color:#f2f6f9;letter-spacing:0;margin:0;font-size:28px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.tool-link{min-height:168px;color:inherit;background:#14202c;border:1px solid #2b3a49;grid-template-rows:1fr auto;grid-template-columns:48px minmax(0,1fr);column-gap:15px;padding:20px;text-decoration:none;display:grid}.tool-link:hover{background:#172833;border-color:#55c5b7}.tool-icon{color:#b9f1e8;background:#1c554f;grid-row:span 2;place-items:center;width:48px;height:48px;display:grid}.tool-copy h2{color:#edf4f7;letter-spacing:0;margin:1px 0 8px;font-size:15px}.tool-copy p{color:#91a6b8;margin:0;font-size:12px;line-height:1.55}.tool-status{color:#8da1b1;place-self:end start;font-size:11px}.tool-status.ready{color:#65d0c1}@media (width<=760px){.nav-topbar{padding:0 16px}.nav-content{padding:36px 16px}.tool-grid{grid-template-columns:1fr}}