.topbar.app-header{--chrome-bg:#171819;--chrome-text:#ecebe7;--chrome-muted:#929794;--chrome-line:#303533;--chrome-inset:#111413;--chrome-selected:#303632;--chrome-selected-line:#49524a;--chrome-accent:#d8c6a2;border-bottom:1px solid var(--chrome-line);background:var(--chrome-bg);height:78px;color:var(--chrome-text);flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;padding:0 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.app-header .header-context{align-items:center;gap:28px;min-width:0;display:flex}.app-header .brand{color:var(--chrome-text);flex:none;align-items:center;gap:14px;text-decoration:none;display:flex}.app-header .brand-mark{letter-spacing:-1.5px;font-size:25px;font-weight:600;line-height:1.2;position:relative}.app-header .brand-dot{background:var(--chrome-accent);width:4px;height:4px;margin:0 0 2px 3px;display:inline-block}.app-header .brand-name{letter-spacing:1.8px;color:var(--chrome-muted);border:0;padding:0;font-size:10px;font-weight:500;line-height:1.4;display:block}.app-header .tool-nav{background:var(--chrome-inset);border:1px solid var(--chrome-line);border-radius:12px;flex-shrink:0;align-items:center;gap:4px;margin:0;padding:4px;display:flex}.app-header .tool-nav a{min-width:124px;min-height:36px;color:var(--chrome-muted);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 13px;font-size:12px;font-weight:500;line-height:18px;text-decoration:none;transition:background .16s,color .16s,border-color .16s;display:flex}.app-header .tool-nav a:hover{background:var(--chrome-selected);color:var(--chrome-text)}.app-header .tool-nav a[aria-current=page]{background:var(--chrome-selected);border-color:var(--chrome-selected-line);color:var(--chrome-text);box-shadow:0 1px 4px #0002}.app-header .tool-nav svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:15px;height:15px}.app-header .tool-nav circle{fill:var(--chrome-inset)}.app-header .tool-nav a[aria-current=page] circle{fill:var(--chrome-selected)}.app-header .tab-indicator{background:var(--chrome-accent);visibility:hidden;border-radius:50%;flex-shrink:0;width:4px;height:4px}.app-header a[aria-current=page] .tab-indicator{visibility:visible}.app-header a:focus-visible{outline:2px solid var(--chrome-accent);outline-offset:4px}@media (max-width:1050px){.topbar.app-header{gap:20px;padding:0 22px}.app-header .header-context{gap:18px}.app-header .brand-name{display:none}}@media (max-width:900px){.app-header .tool-nav a{min-width:112px}}@media (max-width:720px){.topbar.app-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;height:64px;padding:0 16px}.app-header .brand-mark{font-size:22px}.app-header .tool-nav{border-radius:10px;gap:2px;padding:3px}.app-header .tool-nav a{border-radius:7px;gap:6px;min-width:0;min-height:32px;padding:0 9px;font-size:11px}.app-header .tool-nav svg{width:13px;height:13px}}@media (max-width:390px){.topbar.app-header{gap:8px;padding:0 12px}.app-header .tool-nav svg{display:none}.app-header .tool-nav a{padding:0 10px}}@media (max-width:360px){.topbar.app-header{gap:6px;padding:0 10px}.app-header .tool-nav a{gap:5px;padding:0 8px}}@media (prefers-reduced-motion:reduce){.app-header .tool-nav a{transition:none}}