/* Single-row collection title, independent of earlier hero rules. */
.topbar .studio-header-cta,.topbar a[href*="af_logo_studio"]{display:none!important}
.hero.hero-compact.collection-title{display:flex!important;align-items:center;flex-wrap:nowrap;gap:10px;min-height:48px!important;padding:10px 15px!important;margin:0 0 12px!important;border-radius:12px}
.collection-title-icon{display:flex;align-items:center;justify-content:center;flex:0 0 24px;color:var(--accent)}
.hero.hero-compact.collection-title h1{display:block;min-width:0;margin:0!important;font-size:20px!important;line-height:1.2!important;letter-spacing:-.35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.studio-discovery.studio-discovery-compact,.text-discovery.text-discovery-compact{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px!important;min-height:0;margin:0 0 18px!important;border-radius:13px}
.studio-discovery-compact .studio-discovery-copy,.text-discovery-compact>div{min-width:0;display:flex;align-items:center;gap:14px}
.studio-discovery.studio-discovery-compact h2,.text-discovery.text-discovery-compact h2{font-size:17px!important;line-height:1.25!important;letter-spacing:-.25px;white-space:nowrap;margin:0!important;max-width:none}
.studio-discovery.studio-discovery-compact p,.text-discovery.text-discovery-compact p{margin:0!important;font-size:11px!important;line-height:1.5;max-width:none}
.studio-discovery.studio-discovery-compact a,.text-discovery.text-discovery-compact a{flex-shrink:0;padding:9px 12px!important;font-size:11px;line-height:1.2;min-height:32px;white-space:nowrap}
.assetflow-app:not(.assetflow-home) .section-heading .eyebrow{display:none}
.assetflow-app:not(.assetflow-home) .section-heading h2{margin:0;font-size:20px}
.inner-categories{margin-bottom:14px}
/* The existing font picker is open inline; the same search and selection logic are retained. */
.af-text-studio .tx-font-dialog.af-inline-font-grid{position:static!important;inset:auto!important;display:block!important;box-sizing:border-box;width:100%!important;max-width:none!important;max-height:none!important;margin:0 0 18px!important;padding:16px!important;border:1px solid var(--tx-border,#e4e1ed);border-radius:15px;box-shadow:none;overflow:visible;z-index:auto}
.af-inline-font-grid::backdrop{display:none}.af-inline-font-grid [data-close-picker]{display:none!important}
.af-inline-font-grid .tx-picker-head h2{font-size:21px;margin:0}.af-inline-font-grid .tx-picker-head p{margin:5px 0;font-size:11px}
.af-inline-font-grid .tx-picker-tools{margin:10px 0;gap:8px}.af-inline-font-grid .tx-picker-tools input,.af-inline-font-grid .tx-picker-tools select{font-size:12px;padding:9px}
.af-inline-font-grid .tx-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:390px;overflow:auto;overscroll-behavior:contain;padding:2px;scrollbar-width:thin;gap:9px}
.af-inline-font-grid .tx-picker-pages{margin-top:12px}.af-inline-font-grid [data-picker-status]{min-height:18px;margin:7px 0}
.af-text-studio .tx-hero{padding:8px 0 16px}.af-text-studio .tx-hero h1{font-size:30px;margin:6px 0}.af-text-studio .tx-hero p{font-size:12px}
/* Loading states reflect real requests and render work. Static controls are never hidden behind fake timers. */
@keyframes af-ui-shimmer{0%{background-position:180% 0}100%{background-position:-180% 0}}
.af-ui-skeleton-card i,.af-ui-skeleton-card b,.af-ui-skeleton-card span,.af-ui-control-skeleton i,.af-ui-canvas-skeleton,.skeleton-title-row i,.skeleton-studio-row i,.af-text-studio .tx-font-tile.af-ui-preview-pending:not(.tx-font-ready)>div:before,.af-ui-canvas-loading .tx-stage:after,.af-ui-icons-loading:before,.af-ui-exporting [data-export-status]:before{background:linear-gradient(100deg,var(--line,#e8e7ef) 20%,var(--surface,#fff) 46%,var(--line,#e8e7ef) 72%);background-size:220% 100%;animation:af-ui-shimmer 1.45s linear infinite}
.af-ui-start-skeleton{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px}.af-ui-control-skeleton{padding:18px;border:1px solid var(--line,#e4e1ed);border-radius:15px}.af-ui-control-skeleton i{display:block;height:38px;border-radius:8px;margin:0 0 17px}.af-ui-control-skeleton i:first-child{height:110px}.af-ui-canvas-skeleton{height:240px;border-radius:15px;margin-bottom:18px}
.af-ui-grid-skeleton,.af-ui-logo-skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.af-ui-skeleton-card{padding:10px;border:1px solid var(--line,#e4e1ed);border-radius:12px;overflow:hidden}.af-ui-skeleton-card i{display:block;width:100%;aspect-ratio:1.8;border-radius:8px}.af-ui-skeleton-card b,.af-ui-skeleton-card span{display:block;width:70%;height:10px;margin-top:12px;border-radius:4px}.af-ui-skeleton-card span{width:44%;height:8px;margin-top:8px}
.af-ui-starting>p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.af-text-studio .tx-font-tile:not(.tx-font-ready)>div{position:relative}.af-text-studio .tx-font-tile.af-ui-preview-pending:not(.tx-font-ready)>div:before{content:"";position:absolute;inset:0;z-index:0}.tx-font-tile [data-loading-font]{z-index:1}
.af-ui-canvas-loading .tx-stage{position:relative}.af-ui-canvas-loading .tx-stage:after{content:"";position:absolute;inset:12px;border-radius:10px;pointer-events:none;opacity:.9}
.af-ui-logo-skeleton{display:none}.af-ui-logo-loading [data-grid]{display:none}.af-ui-logo-loading .af-ui-logo-skeleton{display:grid;margin-top:12px}
.af-ui-icons-loading{position:relative;min-height:110px}.af-ui-icons-loading:before{content:"";display:block;width:100%;height:90px;border-radius:10px}
.af-ui-exporting [data-export-status]:before{content:"";display:inline-block;width:16px;height:16px;border-radius:4px;margin-right:8px;vertical-align:middle}
.skeleton-title-row{display:flex;align-items:center;gap:12px;height:48px;padding:10px 15px;margin:0 0 12px}.skeleton-title-row i{height:20px;width:130px;border-radius:5px}.skeleton-title-row i:first-child{width:24px;height:24px}
.skeleton-tabs.skeleton-category-row{display:flex;gap:10px;margin:0 0 14px;height:54px}.skeleton-tabs.skeleton-category-row i{height:54px;width:140px;min-width:110px;border-radius:12px}
.skeleton-studio-row{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;gap:20px;margin-bottom:18px}.skeleton-studio-row>div{width:65%}.skeleton-studio-row .skeleton-button{width:90px;height:32px}.skeleton-studio-row .skeleton-line{height:10px;margin:7px 0;border-radius:4px}
@media(max-width:750px){.studio-discovery-compact .studio-discovery-copy,.text-discovery-compact>div{display:block}.studio-discovery.studio-discovery-compact p,.text-discovery.text-discovery-compact p{margin-top:4px!important}.af-inline-font-grid .tx-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px}.af-ui-start-skeleton{grid-template-columns:1fr}.af-ui-control-skeleton{display:none}.af-ui-grid-skeleton,.af-ui-logo-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.shimmer,.af-ui-skeleton-card i,.af-ui-skeleton-card b,.af-ui-skeleton-card span,.af-ui-control-skeleton i,.af-ui-canvas-skeleton,.skeleton-title-row i,.skeleton-studio-row i,.af-text-studio .tx-font-tile.af-ui-preview-pending:not(.tx-font-ready)>div:before,.af-ui-canvas-loading .tx-stage:after,.af-ui-icons-loading:before,.af-ui-exporting [data-export-status]:before{animation:none!important}}

/* Shared compact generator banner: identical alignment and styling on every collection. */
.studio-discovery.studio-discovery-compact{flex-direction:row!important;text-align:left!important}
.studio-discovery-compact .studio-discovery-copy{text-align:left!important}
.studio-discovery-compact .studio-discovery-button{align-self:center;margin:0!important}

/* Both local font sources share the same picker and search. */
.af-text-studio [data-font-source]{display:none!important}
.af-font-sync-warning{font-size:12px;color:#98601e;padding:9px 12px;border:1px solid #e4ceaa;border-radius:8px;margin:8px 0}
/* Catalog engagement: compact, consistent counts on cards and resource detail pages. */
.asset-metrics{display:flex;align-items:center;gap:16px;padding-top:12px;margin-top:13px;border-top:1px solid var(--line,#e7e7ec);color:var(--muted,#858691);font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums}
.asset-metrics>span{display:inline-flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}.asset-metrics svg{flex:0 0 15px;color:var(--accent,#6955e8);opacity:.8}.asset-metrics strong{font-size:12px;font-weight:600;color:var(--ink,#252735)}.asset-metrics small{font-size:10px;font-weight:400}
.asset-metrics-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;padding:0;margin:18px 0 10px}.asset-metrics-detail>span{display:grid;grid-template-columns:19px minmax(0,1fr);gap:4px 7px;background:var(--bg,#f6f5f2);border:1px solid var(--line,#e7e7ec);border-radius:12px;padding:12px;white-space:normal}.asset-metrics-detail svg{grid-row:1/3;align-self:center;width:18px;height:18px}.asset-metrics-detail strong{font-size:20px;overflow-wrap:anywhere}.asset-metrics-detail small{font-size:11px}
.asset-metrics.metrics-loading [data-count]{min-width:25px;border-radius:4px;color:transparent;background:linear-gradient(100deg,var(--line,#e8e7ef) 20%,var(--surface,#fff) 46%,var(--line,#e8e7ef) 72%);background-size:220% 100%;animation:af-ui-shimmer 1.45s linear infinite}.asset-metrics.metrics-unavailable{opacity:.7}
.skeleton-metrics{display:flex;gap:15px;margin-top:14px;border-top:1px solid var(--line,#e7e7ec);padding-top:12px}.skeleton-metrics i{height:12px!important;width:65px!important;border-radius:4px}
@media(max-width:420px){.asset-metrics{gap:10px}.asset-metrics small{font-size:9px}.asset-metrics strong{font-size:11px}.asset-metrics-detail strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.asset-metrics.metrics-loading [data-count]{animation:none}}

.asset-metrics{flex-wrap:wrap}.asset-metrics-detail>span.asset-metrics-week{grid-column:1/-1;display:flex;align-items:center;padding:8px 12px}.asset-metrics-detail .asset-metrics-week strong{font-size:13px}.asset-metrics-detail .asset-metrics-week small{margin-left:auto}

.font-category-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:12px 0 18px;padding:2px 0}.font-category-filters::-webkit-scrollbar{display:none}.font-category-filters a{flex:none;padding:7px 12px;border:1px solid var(--border,#e4e2e8);border-radius:999px;font-size:12px;white-space:nowrap;color:var(--muted,#777);background:var(--surface,#fff)}.font-category-filters a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:white}

/* Keep page content inside its containing block, retaining intentional inner scrollers. */
.app-shell,#app-main,.detail-main,.tx-workspace,.lg-workspace{min-width:0}
#app-main{width:100%;box-sizing:border-box}
#app-main .empty-state,#app-main .empty-state p,#app-main .rich-content,#app-main .tags,#app-main .card h3{min-width:0;max-width:100%;overflow-wrap:anywhere}
#app-main .category-tiles,#app-main .font-category-filters{min-width:0;max-width:100%;box-sizing:border-box}
.skeleton-tabs.skeleton-category-row{min-width:0;max-width:100%;overflow:hidden}
#app-main .resource-grid>*,#app-main .detail-layout>*{min-width:0}
#app-main .rich-content img,#app-main .rich-content video,#app-main .rich-content iframe{max-width:100%;height:auto}
#app-main .rich-content pre{max-width:100%;overflow:auto}
#app-main .tx-stage canvas,#app-main .lg-stage canvas{max-width:100%;height:auto}
@media(max-width:720px){.topbar .search{min-width:0;flex:1}.topbar .top-actions{flex-shrink:0}#app-main .section-heading>div{min-width:0}#app-main .skeleton-studio-row{min-width:0;max-width:100%;overflow:hidden}}
@media(max-width:380px){.studio-discovery.studio-discovery-compact{gap:9px;padding:12px!important}.studio-discovery.studio-discovery-compact h2{font-size:14px!important;white-space:normal}.studio-discovery.studio-discovery-compact a{padding:8px!important}.asset-metrics{flex-wrap:wrap}}
/* Numbered category archives; the home page keeps Load more. */
.archive-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;max-width:100%;margin:30px 0 12px}.archive-pagination .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px 13px;border:1px solid var(--line,#e5e2eb);border-radius:11px;background:var(--surface,#fff);color:inherit;font-size:13px;font-weight:600;line-height:1.25;text-decoration:none}.archive-pagination a:hover{border-color:var(--accent,#6955e8);color:var(--accent,#6955e8)}.archive-pagination .current{background:var(--accent,#6955e8);border-color:var(--accent,#6955e8);color:#fff}.archive-pagination .page-gap{padding:0 3px;color:var(--muted,#888)}[data-theme=dark] .archive-pagination .page-link:not(.current){background:#24232d;border-color:#393743}@media(max-width:480px){.archive-pagination{gap:5px}.archive-pagination .page-link{min-width:34px;min-height:36px;padding:7px 9px;font-size:12px}}

.archive-filter-selects{display:flex;flex-wrap:wrap;gap:10px;overflow:visible;padding:0}.archive-filter-selects select{min-width:0;width:min(100%,300px);min-height:40px;border:1px solid var(--line,#e6e4ec);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:13px;padding:8px 30px 8px 12px}.archive-filter-submit{border:1px solid var(--line,#e6e4ec);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:12px;padding:8px 14px}
.resource-grid.company-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.company-grid .card{min-width:0;overflow:hidden}.company-grid .preview{position:relative;display:block;height:auto;min-height:0;aspect-ratio:4/3;overflow:hidden}.company-grid .preview>img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);max-width:calc(100% - 32px);max-height:calc(100% - 32px);object-fit:contain;margin:0}.company-grid .card h3{overflow-wrap:anywhere}
@media(min-width:1600px){.resource-grid.company-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.resource-grid.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:340px){.resource-grid.company-grid{grid-template-columns:minmax(0,1fr)}}

/* Archive totals stay visible next to the heading, including narrow phones. */
.collection-title .archive-count{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--muted);font-size:11px;line-height:1.2;font-weight:400;font-variant-numeric:tabular-nums}.collection-title .archive-count strong{color:var(--ink);font-size:12px;font-weight:500}.hero.hero-compact.collection-title h1{flex:0 1 auto}.resource-grid{scroll-margin-top:100px}
/* The collection control shares the exact square control height at each breakpoint. */
.topbar .top-actions{--header-control-size:40px}.topbar #theme-toggle{height:var(--header-control-size);width:var(--header-control-size);flex:0 0 var(--header-control-size)}.topbar #collection-open{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--header-control-size);min-height:var(--header-control-size);padding:0 11px;line-height:1;border-radius:12px;font-size:12px;white-space:nowrap}.topbar:has(#collection-open) .top-actions{gap:10px}
@media(max-width:720px){.topbar .top-actions{--header-control-size:37px}.topbar #collection-open{font-size:11px;padding:0 9px;gap:6px}.collection-title .archive-count{padding:5px 7px;font-size:10px}.collection-title .archive-count strong{font-size:11px}}

/* Each image keeps its own skeleton until loading and decoding finish. */
.af-image-loading,.ic-thumb{position:relative;isolation:isolate}.ic-thumb{display:block;min-width:0}.af-image-loading:after,:is(.preview,.ic-thumb,.bf-art,.bf-avatar,#ic-preview):has(>img:not([data-af-image-state=ready]):not([data-af-image-state=error])):after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:linear-gradient(100deg,var(--line,#e8e7ef) 20%,var(--surface,#fff) 46%,var(--line,#e8e7ef) 72%);background-size:220% 100%;animation:af-ui-shimmer 1.45s linear infinite;pointer-events:none}.af-image-loading>img,img[data-af-image-state=loading]{opacity:0}.af-image-error:after{display:none}.af-image-error>img{opacity:.6}.ic-card .ic-thumb{height:62px}.ic-pack-art .ic-thumb{height:40px}@media(max-width:700px){.ic-card .ic-thumb{height:48px}}@media(prefers-reduced-motion:reduce){.af-image-loading:after,:is(.preview,.ic-thumb,.bf-art,.bf-avatar,#ic-preview):has(>img:not([data-af-image-state=ready]):not([data-af-image-state=error])):after{animation:none}}

:is(.preview,.ic-thumb,.bf-art,.bf-avatar,#ic-preview){position:relative;isolation:isolate}

.assetflow-home .studio-discovery-compact{min-height:0!important;padding:14px 16px!important;margin:0 0 12px!important;display:flex!important;align-items:center;gap:14px;border-radius:14px}.assetflow-home .studio-discovery-compact h2{font-size:17px!important;line-height:1.3!important;margin:0 0 4px!important}.assetflow-home .studio-discovery-compact p{font-size:12px!important;line-height:1.5!important;margin:0!important;max-width:100%}.assetflow-home .studio-discovery-compact .studio-discovery-copy{min-width:0;flex:1}.assetflow-home .studio-discovery-compact .studio-discovery-button{min-height:34px!important;padding:8px 12px!important;flex-shrink:0;font-size:11px!important;white-space:nowrap}@media(max-width:500px){.assetflow-home .studio-discovery-compact{padding:12px!important;gap:10px}.assetflow-home .studio-discovery-compact h2{font-size:15px!important}.assetflow-home .studio-discovery-compact p{font-size:11px!important}.assetflow-home .studio-discovery-compact .studio-discovery-button{padding:8px 10px!important;font-size:10px!important}}

/* Home shows its search in the hero until that control passes behind the sticky header. */
.assetflow-home:not(.af-home-search-visible) .topbar>.search{display:none!important}.assetflow-home.af-home-search-visible .topbar>.search{display:flex!important;flex:1;min-width:0;max-width:650px}.assetflow-home.af-home-search-visible .topbar>.header-brand{display:none!important}.assetflow-home.af-home-search-visible .topbar .top-actions{margin-left:0;flex-shrink:0}.assetflow-home .hero.hero-search-panel h1{white-space:nowrap!important;font-size:clamp(16px,4.5vw,30px)!important;line-height:1.2!important;max-width:100%;width:100%;letter-spacing:-.45px}.assetflow-home .category-tiles{gap:8px;margin:14px 0 18px;padding-bottom:2px}.assetflow-home .category-tiles .category-tile{min-height:48px!important;padding:8px 12px!important;gap:8px;border-radius:12px}.assetflow-home .category-tiles .category-symbol{width:28px;height:28px;flex:0 0 28px;border-radius:8px}.assetflow-home .category-tiles .category-symbol svg{width:18px;height:18px}.assetflow-home .category-tiles strong{font-size:12px}@media(max-width:500px){.assetflow-home .category-tiles .category-tile{min-height:44px!important;padding:7px 9px!important;gap:7px}.assetflow-home .category-tiles .category-symbol{width:25px;height:25px;flex-basis:25px}.assetflow-home .category-tiles strong{font-size:11px}.assetflow-home.af-home-search-visible .topbar>.search{max-width:none}}