/* ImgUnmark identity. Selection-mask orange remains an editor status color. */
:root{--orange:#0785ed;--soft:#edf7ff;--accent:#0785ed;--accent-foreground:#fff;--accent-soft:#edf7ff;--ring:#0785ed;--color-accent:#0785ed;--color-accent-foreground:#fff}
.site-header.has-grouped-navigation .site-brand{gap:9px;align-items:center;text-decoration:none}
.site-header.has-grouped-navigation .site-brand>img{width:38px;height:38px;flex-shrink:0}
.site-header.has-grouped-navigation .site-brand-name{font-family:Arial,Helvetica,sans-serif!important;font-size:20px!important;font-weight:750;letter-spacing:-.6px;line-height:1.15;color:#1b2938;white-space:nowrap}
.site-brand-name .brand-img{color:#0785ed}
.site-header.has-grouped-navigation .site-brand-copy{display:flex!important;flex-direction:column}
.site-header.has-grouped-navigation .site-brand-tagline{display:block!important;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.45px;color:#0785ed;margin-top:3px;white-space:nowrap}
.site-header.has-grouped-navigation .nav-category[open]>summary,.site-header.has-grouped-navigation .nav-category[data-current-category]>summary,.site-header.has-grouped-navigation .nav-category-panel a:hover{background:#edf7ff;color:#0877cf}
.site-header.has-grouped-navigation summary:focus-visible,.site-header.has-grouped-navigation a:focus-visible{outline-color:#0785ed}
.site-header.has-grouped-navigation #mobile-menu a[aria-current=page]{color:#0877cf}
@media(max-width:600px){.site-header.has-grouped-navigation .site-brand{gap:5px}.site-header.has-grouped-navigation .site-brand>img{width:31px;height:31px}.site-header.has-grouped-navigation .site-brand-name{font-size:17px!important}}
@media(max-width:1100px){.reference-home #examples h2{white-space:normal}}
@media(max-width:359px){.site-header.has-grouped-navigation .site-header-inner{padding-inline:12px;gap:8px}.site-header.has-grouped-navigation .site-brand-name{font-size:15px!important}.site-header.has-grouped-navigation .site-brand>img{width:29px;height:29px}}
/* Preserve room for touch controls and the credit balance on narrow phones. */
@media(max-width:600px){
 .site-header.has-grouped-navigation .site-header-inner{padding:12px;gap:8px;min-height:76px}
 .site-header.has-grouped-navigation #menu-button{width:44px;height:44px;min-width:44px;flex-shrink:0}
 .site-header.has-grouped-navigation .account-signin{min-height:44px}
 .site-header.has-grouped-navigation .account-menu summary{min-width:44px;min-height:44px;justify-content:center}
 .site-header.has-grouped-navigation .account-menu summary>svg{display:none}
 .site-header.has-grouped-navigation .account-avatar{width:44px;height:44px}
 .site-header.has-grouped-navigation #mobile-menu a{min-height:44px;display:flex;align-items:center}
 .site-header.has-grouped-navigation #mobile-menu:not([hidden]){gap:12px 16px;padding:16px;overscroll-behavior:contain}
 .account-close{top:4px;right:4px;min-width:44px;min-height:44px}
 .account-dialog{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:430px){
 html[data-account-state=signed-in] .site-header.has-grouped-navigation .site-header-inner{flex-wrap:wrap;row-gap:6px}
 html[data-account-state=signed-in] .site-header.has-grouped-navigation .account-bar{flex-basis:100%;justify-content:flex-end}
}
@media(max-width:767px) and (pointer:coarse){
 /* Keep form focus from automatically zooming the page in mobile Safari. */
 .info-content textarea,.advanced-tools input,.advanced-tools select{font-size:16px}
}