/* Warm header palette, limited to the promo band and main header. */
html body #px169-header-band#px169-header-band,html body .px-header-band.px-header-band{background:#102c40!important;background-image:none!important}
html body header#px164-header#px164-header#px164-header{background:#102c40!important;background-image:none!important}
html body header#px164-header#px164-header#px164-header .nav-upload,html body header#px164-header#px164-header#px164-header .nav-upload:hover,html body header#px164-header#px164-header#px164-header .nav-upload:active{background:#dbff00!important;color:#211006!important;border-color:transparent!important;box-shadow:none!important}
html body #px170-promo#px170-promo.promo{background:#fe4d03!important;background-image:none!important;color:#25180f!important}
html body #px170-promo#px170-promo>.promo-inner{flex-wrap:nowrap!important;gap:16px!important}
html body #px170-promo#px170-promo>.promo-inner>span{color:#25180f!important;flex:1 1 auto!important;min-width:0!important}
html body #px170-promo .px203-socials{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;gap:8px!important;margin:0!important;padding:0!important;background:transparent!important}
html body #px170-promo .px203-socials>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;padding:0!important;margin:0!important;border:0!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important;color:#25180f!important;text-decoration:none!important}
html body #px170-promo .px203-socials>a:hover{background:#25180f12!important}
html body #px170-promo .px203-socials>a:focus-visible{outline:2px solid #25180f!important;outline-offset:2px!important}
html body #px170-promo .px203-socials svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important}
@media(max-width:760px){html body #px170-promo#px170-promo>.promo-inner{gap:10px!important}html body #px170-promo#px170-promo>.promo-inner>span{flex:1 1 0!important;font-size:11px!important;line-height:1.5!important}html body #px170-promo .px203-socials{gap:2px!important}html body #px170-promo .px203-socials>a{width:34px!important;height:36px!important}}

/* Align navigation labels and controls on the same center line as the wordmark. */
html body header#px164-header#px164-header#px164-header{align-items:center!important}
html body header#px164-header#px164-header#px164-header>.px-brand-wordmark,html body header#px164-header#px164-header#px164-header>nav>a[data-nav=home],html body header#px164-header#px164-header#px164-header .nav-upload,html body header#px164-header#px164-header#px164-header #px-more{align-self:center!important;top:auto!important;bottom:auto!important;transform:none!important;margin-top:0!important;margin-bottom:0!important}
html body header#px164-header#px164-header#px164-header>nav>a[data-nav=home]{height:42px!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding-top:0!important;padding-bottom:0!important}
html body header#px164-header#px164-header#px164-header #px-more-trigger{height:42px!important;align-items:center!important}
@media(max-width:760px){html body header#px164-header#px164-header#px164-header>nav>a[data-nav=home]{display:none!important}}
/* Final header refinements; keep the catalog search separate. */
html body #px169-header-band#px169-header-band,html body .px-header-band.px-header-band,html body header#px164-header#px164-header#px164-header{background:#0a043c!important}
html body #px170-promo#px170-promo.promo,html body #px170-promo#px170-promo>.promo-inner>span,html body #px170-promo .px203-socials>a{color:#fff!important}
html body #px170-promo .px203-socials svg{stroke-width:2.2!important}
html body #px170-promo .px203-socials>a:focus-visible{outline-color:#fff!important}
html body header#px164-header#px164-header#px164-header .nav-upload{height:36px!important;min-height:36px!important;padding:0 13px!important;font-size:12px!important;gap:6px!important}
html body header#px164-header#px164-header#px164-header .nav-upload .px191-upload-arrow,html body header#px164-header#px164-header#px164-header .nav-upload .px191-upload-arrow svg{width:16px!important;height:16px!important}
html body header#px164-header#px164-header#px164-header>.px-brand-wordmark{height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
html body header#px164-header#px164-header#px164-header>nav>a[data-nav=home]{height:40px!important;min-height:40px!important;line-height:1!important;align-items:center!important}
html body header#px164-header#px164-header#px164-header #px145-header-search .px-smart-search{background:#0a043c!important;background-image:none!important;color:#fff!important;border:1px solid #ffffff40!important;border-radius:7px!important;box-shadow:none!important;min-height:40px!important;box-sizing:border-box!important}
html body header#px164-header#px164-header#px164-header #px145-header-search .px-smart-search:focus-within{border-color:#ffffff90!important;outline:0!important;box-shadow:none!important}
html body header#px164-header#px164-header#px164-header #px145-header-search input#px-smart-search{background:transparent!important;color:#fff!important;border:0!important;outline:0!important;box-shadow:none!important;height:38px!important;min-height:38px!important}
html body header#px164-header#px164-header#px164-header #px145-header-search input#px-smart-search::placeholder{color:#ffffffb3!important;opacity:1!important}
html body header#px164-header#px164-header#px164-header #px145-header-search .px-smart-search>svg,html body header#px164-header#px164-header#px164-header #px145-header-search .px-smart-search button{color:#fff!important}
@media(max-width:760px){html body header#px164-header#px164-header#px164-header .nav-upload{width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;font-size:0!important}}
/* One shared center line for the logo, navigation and controls. */
html body header#px164-header#px164-header#px164-header{align-items:center!important;align-content:center!important;grid-auto-rows:auto!important}
html body header#px164-header#px164-header#px164-header>.px-brand-wordmark,html body header#px164-header#px164-header#px164-header>nav>a[data-nav=home]{position:static!important;top:auto!important;bottom:auto!important;transform:none!important;align-self:center!important;display:inline-flex!important;align-items:center!important;height:40px!important;min-height:40px!important;line-height:normal!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
html body header#px164-header#px164-header#px164-header>nav>a[data-nav=home]::before{align-self:center!important}
html body header#px164-header#px164-header#px164-header #px-more,html body header#px164-header#px164-header#px164-header .nav-upload,html body header#px164-header#px164-header#px164-header #px145-header-search{align-self:center!important;transform:none!important;top:auto!important}
@media(max-width:760px){html body header#px164-header#px164-header#px164-header>nav>a[data-nav=home]{display:none!important}}

/* Stage 208: responsive form and content resilience. Header geometry stays unchanged. */
html body #app#app#app :is(.px-upload-layout,.px-upload-main,.px-upload-aside,.px-detail-media,.px-detail-information,.px-detail-description-panel){min-width:0!important;box-sizing:border-box!important}
html body #app#app#app :is(.px-detail-description-panel,.px200-author,.px-upload-preview span,.px-gallery-selection){overflow-wrap:anywhere}
html body #app#app#app #uploadForm :is(input,select,textarea){max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
html body #app#app#app #uploadForm textarea{resize:vertical}
html body #px146-newsletter-host :is(form,label){min-width:0!important}
html body :is(#app,#px146-newsletter-host) :is(a,button,input,select,textarea):focus-visible{outline:2px solid #5098c1;outline-offset:3px}
@media(max-width:760px){
 html body #app#app#app #uploadForm :is(input:not([type=checkbox]):not([type=hidden]),select,textarea),html body #px146-newsletter-host .px135-email-label input,html body input#px-smart-search{font-size:16px!important}
 html body #app#app#app #uploadForm :is(input:not([type=checkbox]):not([type=hidden]),select,button){min-height:44px!important}
 html body #app#app#app .px-detail-description-panel{overflow-wrap:anywhere!important}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 html body :is(#px164-header,#px170-promo,#app,.px-footer-band) *,html body :is(#px164-header,#px170-promo,#app,.px-footer-band) *::before,html body :is(#px164-header,#px170-promo,#app,.px-footer-band) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Stage 213: compact header, discovery links inside the existing dropdown. */
html body header#px164-header#px164-header#px164-header{grid-template-columns:auto minmax(0,1fr) auto auto!important;column-gap:22px!important}
html body header#px164-header#px164-header#px164-header #px145-header-search{grid-column:2!important;min-width:0!important}
html body header#px164-header#px164-header#px164-header .nav-upload{grid-column:3!important;white-space:nowrap!important}
html body header#px164-header#px164-header#px164-header #px-more{grid-column:4!important}
html body header#px164-header#px164-header#px164-header #px-more-menu .px213-dropdown-link{display:flex!important;align-items:center!important;gap:10px!important;color:inherit!important;text-decoration:none!important}
html body header#px164-header#px164-header#px164-header #px-more-menu .px212-nav-icon{display:block!important;width:18px!important;height:18px!important;flex:0 0 18px!important;fill:none!important}
@media(max-width:760px){
html body header#px164-header#px164-header#px164-header{column-gap:10px!important;grid-template-columns:minmax(0,1fr) auto auto!important}
html body header#px164-header#px164-header#px164-header .px159-wordmark{font-size:26px!important}
html body header#px164-header#px164-header#px164-header .nav-upload{grid-column:2!important;justify-self:end!important;width:auto!important;min-width:0!important;padding:0 10px!important;font-size:11px!important;gap:5px!important}
html body header#px164-header#px164-header#px164-header #px-more{grid-column:3!important}
html body header#px164-header#px164-header#px164-header #px-more-trigger{min-width:32px!important;width:32px!important;padding:4px!important}
html body header#px164-header#px164-header#px164-header #px145-header-search:not([hidden]){grid-column:1/-1!important;grid-row:2!important;width:100%!important}
}
/* Anchor the dropdown to its trigger, including on mobile. */
html body header#px164-header#px164-header#px164-header #px-more{position:relative!important}
html body header#px164-header#px164-header#px164-header #px-more-menu{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;bottom:auto!important;max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 180px)!important;overflow-y:auto!important;overscroll-behavior:contain}

/* Stage 214: aligned submit action and distinct like states. */
html body header#px164-header#px164-header#px164-header .nav-upload{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;line-height:1!important;gap:8px!important;box-sizing:border-box!important}
html body header#px164-header#px164-header#px164-header .nav-upload>span{display:inline-flex!important;align-items:center!important;line-height:1!important;font-weight:700!important}
html body header#px164-header#px164-header#px164-header .nav-upload .px191-upload-arrow{width:18px!important;height:18px!important;flex:0 0 18px!important}
html body header#px164-header#px164-header#px164-header .nav-upload:active{transform:scale(.97)!important}
html body header#px164-header#px164-header#px164-header .nav-upload.px214-pressed .px214-arrow{animation:px214-submit 400ms cubic-bezier(.22,.68,.2,1) both}
@keyframes px214-submit{0%,100%{transform:translateY(0)}35%{transform:translateY(-3px)}65%{transform:translateY(1px)}}
html body #app#app#app#app .px-detail-top-actions .px-detail-favorite{background:transparent!important;color:#ec233d!important;border:1px solid #ec233d!important}
html body #app#app#app#app .px-detail-favorite svg{fill:none!important;stroke:#ec233d!important;stroke-width:1.8!important}
html body #app#app#app#app .px-detail-favorite .px-detail-like-count{color:#ec233d!important;font-weight:600!important}
html body #app#app#app#app .px-detail-top-actions .px-detail-favorite.is-saved{background:#ec233d!important;color:#fff!important;border-color:#ec233d!important}
html body #app#app#app#app .px-detail-favorite.is-saved svg{fill:#fff!important;stroke:#fff!important}
html body #app#app#app#app .px-detail-favorite.is-saved .px-detail-like-count{color:#fff!important}
html body #app#app#app#app .px-detail-favorite:focus-visible{outline:2px solid #ec233d!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){html body header#px164-header#px164-header#px164-header .nav-upload.px214-pressed .px214-arrow{animation:none!important}}
html body header#px164-header#px164-header#px164-header .nav-upload>.px177-upload-icon{display:none!important}

/* Search is available only in the homepage catalog. */
html body header#px164-header#px164-header#px164-header #px145-header-search{display:none!important}

/* Stage 216: consistent optical alignment, readable text and accessible controls. */
html body header#px164-header#px164-header#px164-header>.px-brand-wordmark{justify-content:flex-start!important;justify-self:start!important}
html body header#px164-header#px164-header#px164-header #px-more-menu{padding:10px!important;border-radius:10px!important;box-sizing:border-box!important;scrollbar-width:thin}
html body header#px164-header#px164-header#px164-header #px-more-menu a{min-height:44px!important;box-sizing:border-box!important;align-items:center!important}
html body #app#app#app :is(.px168-catalog-intro,.px181-intro,.px200-panel-heading) :is(h1,h2){text-wrap:balance}
html body #app#app#app :is(.px-detail-description-panel,.px181-intro p,.px181-guide){text-wrap:pretty}
html body #app#app#app :is(.px-detail-download,.px-detail-favorite,.px-detail-thumbs button){touch-action:manipulation}
html body #app#app#app :is(.px-detail-download,.px-detail-favorite,.px-detail-thumbs button):focus-visible{outline:2px solid #5098c1!important;outline-offset:3px!important}
html body #app#app#app .px-detail-description-panel img{max-width:100%;height:auto}
html body #app#app#app #uploadForm input[type=file]{overflow:hidden!important;text-overflow:ellipsis!important}
html body #px146-newsletter-host .px135-newsletter{min-width:0!important;box-sizing:border-box!important}
@media(max-width:760px){
 html body header#px164-header#px164-header#px164-header .nav-upload{height:40px!important;min-height:40px!important}
 html body header#px164-header#px164-header#px164-header #px-more-trigger{height:40px!important;min-height:40px!important}
 html body #app#app#app .px200-panel-heading h1{font-size:clamp(21px,5.5vw,24px)!important;line-height:1.3!important;letter-spacing:-.4px!important}
 html body #app#app#app .px-detail-top-actions :is(.px-detail-download,.px-detail-favorite){min-height:44px!important}
 html body #app#app#app .px-detail-description-panel{font-size:13px!important;line-height:1.75!important}
 html body #app#app#app .px181-layout .px-upload-main{padding:20px!important}
}
@media(max-height:540px){html body header#px164-header#px164-header#px164-header #px-more-menu{max-height:calc(100dvh - 110px)!important}}
html body header#px164-header#px164-header#px164-header .nav-upload>span{font-size:inherit!important}
@media(max-width:360px){html body header#px164-header#px164-header#px164-header{column-gap:7px!important}html body header#px164-header#px164-header#px164-header .px159-wordmark{font-size:24px!important}html body header#px164-header#px164-header#px164-header .nav-upload{padding-inline:8px!important;font-size:11px!important;gap:6px!important}}
@media(max-width:360px){html body header#px164-header#px164-header#px164-header .nav-upload{font-size:10px!important;padding-inline:6px!important;gap:5px!important}}

/* Stage 217: minimal accessible back-to-top control. */
html body .px-back-to-top{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;gap:0!important;border:1px solid #ffffff26!important;border-radius:10px!important;background:#0a043c!important;color:#fff!important;box-shadow:none!important;right:max(20px,env(safe-area-inset-right))!important;bottom:calc(20px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;touch-action:manipulation}
html body .px-back-to-top>span{display:none!important}
html body .px-back-to-top::before{content:"";display:block;width:18px;height:18px;background:center/18px 18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5m-6 6 6-6 6 6'/%3E%3C/svg%3E")}
html body .px-back-to-top:hover{background:#19124d!important;border-color:#ffffff4d!important}
html body .px-back-to-top:focus-visible{outline:2px solid #83bedc!important;outline-offset:3px!important}
html body .px-back-to-top:active{transform:scale(.95)!important}
@media(max-width:760px){html body .px-back-to-top{width:44px!important;height:44px!important;min-width:44px!important;right:max(16px,env(safe-area-inset-right))!important;bottom:calc(16px + env(safe-area-inset-bottom))!important}}