/* One baseline for links, appearance, offline and slate controls. */
.top{gap:18px;padding:10px clamp(16px,3vw,48px);align-items:center;min-height:58px}
.top nav{display:flex;align-items:center;gap:18px;min-width:0;flex:1;justify-content:flex-end;margin-left:auto;white-space:nowrap}
.top nav>a{display:inline-flex;align-items:center;min-height:36px;flex-shrink:0;line-height:1;text-decoration:none}
.top nav>button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:36px;margin:0;font:inherit;line-height:1;vertical-align:middle}
#shots-appearance-icon{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);padding:8px;cursor:pointer}
#offline-pack-launch{height:36px;padding:0 12px}
.top #shared-slate-launch{height:36px;margin:0;flex-shrink:0;align-items:center}
@media(max-width:1000px){.top{gap:12px;padding-inline:14px}.top nav{gap:12px}.brand{font-size:10px;letter-spacing:.09em}}
@media(max-width:760px){.top{flex-wrap:wrap}.top nav{order:3;width:100%;flex-basis:100%;justify-content:flex-start;overflow-x:auto}.top #shared-slate-launch{margin-left:auto}.top nav>a,.top nav>button{min-height:36px}}