/* The editor and converter share the same tool navigation. */
.rilo-header,.jpg-tool .rilo-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(20px,calc((100vw - 1060px)/2));border-bottom:1px solid #dce4ed;background:#fff;line-height:1.5}
.rilo-header .rilo-brand,.jpg-tool .rilo-header .rilo-brand{color:#111827;font-size:25px;font-weight:800;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}
.rilo-header .rilo-brand span{color:#0b75f6}
.rilo-header .rilo-nav,.jpg-tool .rilo-header .rilo-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:3px;margin:0;padding:5px;border:1px solid #dce7f3;border-radius:12px;background:#f5f8fc;box-shadow:none}
.rilo-header .rilo-nav :is(a,button),.jpg-tool .rilo-header .rilo-nav :is(a,button){display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#075fc9;font:inherit;font-size:14px;font-weight:400;line-height:1.5;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}
.rilo-header .rilo-nav [aria-current="page"],.jpg-tool .rilo-header .rilo-nav [aria-current="page"]{background:#e7f1ff;font-weight:700}
.rilo-header .rilo-nav :is(a,button):hover,.jpg-tool .rilo-header .rilo-nav :is(a,button):hover{background:#e2edfc;color:#034fa8;transform:translateY(-1px)}
.rilo-header .rilo-nav :is(a,button):focus-visible{outline:3px solid #0ea5e9;outline-offset:4px}
.rilo-header .rilo-heart,.jpg-tool .rilo-header .rilo-heart{width:15px;height:15px;fill:#ef4444;flex:none}
@media(max-width:720px){.rilo-header,.jpg-tool .rilo-header{padding:16px 20px;align-items:flex-start}.rilo-header .rilo-nav,.jpg-tool .rilo-header .rilo-nav{gap:2px;padding:3px}.rilo-header .rilo-nav :is(a,button),.jpg-tool .rilo-header .rilo-nav :is(a,button){padding:6px 7px;font-size:12px}.rilo-header .rilo-brand,.jpg-tool .rilo-header .rilo-brand{font-size:22px}}
@media(max-width:440px){.rilo-header,.jpg-tool .rilo-header{padding:12px;gap:8px}.rilo-header .rilo-nav,.jpg-tool .rilo-header .rilo-nav{justify-content:flex-end}.rilo-header .rilo-nav :is(a,button),.jpg-tool .rilo-header .rilo-nav :is(a,button){padding:5px 6px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.rilo-header .rilo-nav :is(a,button),.jpg-tool .rilo-header .rilo-nav :is(a,button){transition:none}.rilo-header .rilo-nav :is(a,button):hover,.jpg-tool .rilo-header .rilo-nav :is(a,button):hover{transform:none}}