/* Unified studio layout. Preserve existing gallery controls and route behavior. */
html body .px-header-band{background:#000!important;border:0!important}
html body .px-header-band>header#px164-header.header.container.px132-shell,
html body #app#app#app.container,
html body footer.footer.container.px132-shell{width:calc(100% - 64px)!important;max-width:1280px!important;margin-inline:auto!important;padding-inline:0!important;box-sizing:border-box!important}
html body .px-header-band>header#px164-header.header.container.px132-shell{background:#000!important;min-height:72px!important;gap:32px!important}
html body .px-header-band>header#px164-header.header.container.px132-shell>nav{gap:24px!important}
html body .px-header-band>header#px164-header.header.container.px132-shell>nav>.px145-header-favorites{margin-left:auto!important}
html body .px-header-band>header#px164-header.header.container.px132-shell>nav>#px145-header-search[hidden]{display:none!important}
html body #app#app#app.px145-catalog{padding-top:28px!important}
html body #app#app#app .px168-catalog-intro{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;margin:0 0 22px!important;position:relative!important;z-index:30!important}
html body #app#app#app .px168-catalog-intro .px159-heading{min-width:0!important;flex:1!important}
html body #app#app#app .px168-catalog-intro .px159-heading h1,
html body #app#app#app .px168-catalog-intro .px159-heading h2{font-size:24px!important;line-height:1.3!important;letter-spacing:-.6px!important;font-weight:700!important;color:#18212a!important;margin:0!important}
html[data-theme=dark] body #app#app#app .px168-catalog-intro .px159-heading h1,
html[data-theme=dark] body #app#app#app .px168-catalog-intro .px159-heading h2{color:#f2f5f7!important}
html body #app#app#app .px168-catalog-intro .px-home-search-band{display:block!important;flex:0 1 430px!important;width:430px!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important;position:relative!important;border:0!important;background:transparent!important}
html body #app#app#app .px168-catalog-intro .px-smart-search{display:flex!important;align-items:center!important;gap:10px!important;padding:0 14px!important;min-height:44px!important;background:#edf0f2!important;border:1px solid transparent!important;border-radius:7px!important;box-shadow:none!important}
html body #app#app#app .px168-catalog-intro .px-smart-search:focus-within{border-color:#93c8df!important;outline:0!important}
html body #app#app#app .px168-catalog-intro .px-smart-search>svg{width:17px!important;height:17px!important;flex:0 0 17px!important;color:#697580!important}
html body #app#app#app .px168-catalog-intro input#px-smart-search{height:44px!important;min-height:44px!important;min-width:0!important;width:100%!important;padding:0!important;margin:0!important;font-size:14px!important;background:transparent!important;color:#24303a!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important}
html body #app#app#app .px168-catalog-intro .px-smart-search button{background:transparent!important;box-shadow:none!important;border:0!important;color:inherit!important}
html[data-theme=dark] body #app#app#app .px168-catalog-intro .px-smart-search{background:#22282d!important;color:#e8eef2!important}
html[data-theme=dark] body #app#app#app .px168-catalog-intro input#px-smart-search{color:#e8eef2!important}
html body #app#app#app.px145-catalog>.px-resource-subbar{display:flex!important;align-items:center!important;gap:24px!important;padding:0 0 14px!important;margin:0 0 22px!important;position:relative!important;z-index:20!important}
html body #app#app#app.px145-catalog>.px-resource-subbar .categories{display:flex!important;flex:1 1 0!important;min-width:0!important;gap:22px!important;overflow-x:auto!important;white-space:nowrap!important;flex-wrap:nowrap!important;scrollbar-width:thin!important}
html body #app#app#app.px145-catalog>.px-resource-subbar .categories button{flex:0 0 auto!important;min-height:40px!important;font-size:12px!important}
html body #app#app#app.px145-catalog>.px-resource-subbar .px-sort-dropdown{flex:0 0 auto!important;margin:0!important;align-self:center!important}
html body #app#app#app .px-search-count:empty{display:none!important}
html body #app#app#app .gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:start!important}
html body #app#app#app .px-detail-page{width:100%!important;max-width:1280px!important}
@media(max-width:1000px){html body #app#app#app .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}html body #app#app#app .px168-catalog-intro .px-home-search-band{flex-basis:360px!important;width:360px!important}}
@media(max-width:760px){
 html body .px-header-band>header#px164-header.header.container.px132-shell,html body #app#app#app.container,html body footer.footer.container.px132-shell{width:calc(100% - 32px)!important}
 html body .px-header-band>header#px164-header.header.container.px132-shell{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;min-height:68px!important;padding-block:16px!important;gap:14px!important}
 html body #app#app#app.px145-catalog{padding-top:22px!important}
 html body #app#app#app .px168-catalog-intro{flex-direction:column!important;align-items:stretch!important;gap:16px!important;margin-bottom:14px!important}
 html body #app#app#app .px168-catalog-intro .px-home-search-band{flex-basis:auto!important;width:100%!important}
 html body #app#app#app .px168-catalog-intro .px159-heading h1,html body #app#app#app .px168-catalog-intro .px159-heading h2{font-size:22px!important}
 html body #app#app#app .px168-catalog-intro input#px-smart-search{font-size:16px!important}
 html body #app#app#app.px145-catalog>.px-resource-subbar{gap:16px!important;margin-bottom:18px!important;padding-bottom:10px!important}
 html body #app#app#app.px145-catalog>.px-resource-subbar .categories{gap:20px!important}
}
@media(max-width:540px){html body #app#app#app .gallery{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}}

/* Suggestions moved into header: scope all rows and thumbnails to their actual host. */
html body .px168-catalog-intro #px-live-suggestions[hidden]{display:none!important}
html body .px168-catalog-intro #px-live-suggestions{display:block!important;position:absolute!important;inset:calc(100% + 8px) 0 auto!important;width:100%!important;max-width:100%!important;max-height:min(380px,55dvh)!important;margin:0!important;padding:4px!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fff!important;color:#1c2228!important;border:1px solid #dce2e7!important;border-radius:8px!important;box-shadow:0 8px 22px #0002!important;z-index:200!important;scrollbar-width:thin}
html body .px168-catalog-intro #px-live-suggestions>.px-suggestion{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-width:0!important;width:100%!important;height:auto!important;min-height:62px!important;padding:8px!important;margin:0!important;box-sizing:border-box!important;color:inherit!important;text-decoration:none!important;background:transparent!important;border:0!important;border-radius:5px!important;font-size:13px!important;line-height:1.4!important;text-align:left!important;white-space:normal!important}
html body .px168-catalog-intro #px-live-suggestions>.px-suggestion>img{display:block!important;flex:0 0 56px!important;width:56px!important;min-width:56px!important;max-width:56px!important;height:42px!important;min-height:42px!important;max-height:42px!important;object-fit:cover!important;border:0!important;border-radius:4px!important;margin:0!important;padding:0!important}
html body .px168-catalog-intro #px-live-suggestions>.px-suggestion>span{display:block!important;flex:1 1 0!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-weight:500!important;color:inherit!important}
html body .px168-catalog-intro #px-live-suggestions>.px-suggestion>small{flex:0 0 auto!important;font-size:11px!important;color:#7c8791!important}
html body .px168-catalog-intro #px-live-suggestions>.px-suggestion:hover,html body .px168-catalog-intro #px-live-suggestions>.px-suggestion:focus-visible{background:#edf3f7!important;outline:0!important}
html body .px168-catalog-intro .px-suggestion-empty{padding:14px!important;font-size:12px!important;color:#79838d!important}
html[data-theme=dark] body .px168-catalog-intro #px-live-suggestions{background:#20262c!important;color:#f0f4f7!important;border-color:#39424b!important}
html[data-theme=dark] body .px168-catalog-intro #px-live-suggestions>.px-suggestion:hover,html[data-theme=dark] body .px168-catalog-intro #px-live-suggestions>.px-suggestion:focus-visible{background:#303a43!important}
html body .px-header-band{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#000!important;box-sizing:border-box!important}
html[data-theme=dark] body #app#app#app.px145-catalog>.px-resource-subbar .categories button{color:#b7c2cc!important}
html[data-theme=dark] body #app#app#app.px145-catalog>.px-resource-subbar .categories button.active{color:#f0f5f8!important}
