/* Tool headers use the main site's brand metrics and gradients. */
:root body :is(.ine-start-top,.ine-image-app-header) .brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:19px;letter-spacing:.12em;white-space:nowrap;flex-wrap:nowrap}
:root body :is(.ine-start-top,.ine-image-app-header) .brand-name{display:inline-flex;align-items:center;gap:5px;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:1.65}
:root body :is(.ine-start-top,.ine-image-app-header) .brand-name>span{background:linear-gradient(110deg,#fff3b5 0%,#e6ac45 55%,#c98327 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
:root body :is(.ine-start-top,.ine-image-app-header) .brand-name>b{background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:bolder}
:root body :is(.ine-start-top,.ine-image-app-header) .brand-mark{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:2px;flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:var(--grad);color:#07101d;font-size:16px;font-weight:950;letter-spacing:0;padding-right:2px}
@media(max-width:767px){:root body :is(.ine-start-top,.ine-image-app-header) .brand{gap:8px;font-size:14px}:root body .ine-image-app-header .brand-name{display:none}}
@media(max-width:420px){:root body :is(.ine-start-top,.ine-image-app-header) .brand-mark{width:34px;height:34px}}
@media(max-width:390px){:root body :is(.ine-start-top,.ine-image-app-header) .brand{gap:7px;font-size:13px}}
@media(max-width:359px){:root body .ine-start-top .brand-name{display:none}}

:root body :is(.ine-start-top,.ine-image-app-header) .brand-mark>span{flex:0 0 auto;display:block;line-height:1}