.tuf-b2-free-library .tuf-free-library{width:min(calc(100% - 48px), var(--tuf-content-width));padding:26px 0 52px}.tuf-b2-free-library .tuf-free-library [hidden]{display:none!important}.tuf-b2-free-library .tuf-free-library__hero{border-bottom:1px solid var(--tuf-line);grid-template-columns:minmax(0,1fr) minmax(300px,430px);align-items:center;gap:44px;min-height:232px;display:grid}.tuf-b2-free-library .tuf-free-library__breadcrumb{color:var(--tuf-muted);align-items:center;gap:12px;margin-bottom:14px;font-size:11px;display:flex}.tuf-b2-free-library .tuf-free-library__breadcrumb a{color:var(--tuf-muted)}.tuf-b2-free-library .tuf-free-library__breadcrumb [aria-current=page]{color:var(--tuf-link-accent);font-weight:760}.tuf-b2-free-library .tuf-free-library__hero h1{color:var(--tuf-ink);font-family:var(--tuf-serif);letter-spacing:-.052em;margin:0;font-size:clamp(52px,5.4vw,72px);font-weight:500;line-height:.95}.tuf-b2-free-library .tuf-free-library__hero-copy>p{max-width:720px;color:var(--tuf-muted);margin:12px 0 16px;font-size:14px;line-height:1.55}.tuf-b2-free-library .tuf-free-library__stats{flex-wrap:wrap;gap:10px 30px;display:flex}.tuf-b2-free-library .tuf-free-library__stats>span{min-height:34px;color:var(--tuf-muted);white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:inline-flex}.tuf-b2-free-library .tuf-free-library__stats svg,.tuf-b2-free-library .tuf-free-library__categories svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none;width:21px;height:21px}.tuf-b2-free-library .tuf-free-library__stats svg{color:var(--tuf-control-accent)}.tuf-b2-free-library .tuf-free-library__stats strong{color:var(--tuf-ink);font-size:11px}.tuf-b2-free-library .tuf-free-library__hero-art{object-fit:contain;width:100%;max-height:242px;display:block}.tuf-b2-free-library .tuf-free-library__browser{grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:16px;padding:14px 0;display:grid}.tuf-b2-free-library .tuf-free-library__search{border:1px solid var(--tuf-line);background:var(--tuf-paper);border-radius:6px;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:9px;min-height:44px;padding:0 13px;display:grid}.tuf-b2-free-library .tuf-free-library__search:focus-within{border-color:var(--tuf-control-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--tuf-control-accent) 18%, transparent)}.tuf-b2-free-library .tuf-free-library__search svg{fill:none;width:21px;height:21px;stroke:var(--tuf-ink);stroke-linecap:round;stroke-width:1.7px}.tuf-b2-free-library .tuf-free-library__search input{width:100%;min-width:0;color:var(--tuf-ink);font:inherit;background:0 0;border:0;outline:0;font-size:11px}.tuf-b2-free-library .tuf-free-library__search input::placeholder{color:var(--tuf-muted)}.tuf-b2-free-library .tuf-free-library__categories{border:1px solid var(--tuf-line);background:var(--tuf-paper);border-radius:6px;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0;display:grid;overflow:hidden}.tuf-b2-free-library .tuf-free-library__categories button{min-width:0;min-height:44px;color:var(--tuf-ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:0 9px;font-size:9px;font-weight:670;display:inline-flex;position:relative}.tuf-b2-free-library .tuf-free-library__categories button+button{border-left:1px solid var(--tuf-line)}.tuf-b2-free-library .tuf-free-library__categories button:after{background:var(--tuf-control-accent);content:"";opacity:0;height:2px;position:absolute;bottom:0;left:8px;right:8px}.tuf-b2-free-library .tuf-free-library__categories button:hover,.tuf-b2-free-library .tuf-free-library__categories button.is-active{color:var(--tuf-control-accent)}.tuf-b2-free-library .tuf-free-library__categories button.is-active:after{opacity:1}.tuf-b2-free-library .tuf-free-library__controls{border-top:1px solid var(--tuf-line);justify-content:space-between;align-items:center;gap:20px;min-height:50px;display:flex}.tuf-b2-free-library .tuf-free-library__controls>strong{color:var(--tuf-link-accent);letter-spacing:.02em;font-size:10px}.tuf-b2-free-library .tuf-free-library__controls>div{gap:10px;display:flex}.tuf-b2-free-library .tuf-free-library__controls label{border:1px solid var(--tuf-line);min-height:40px;color:var(--tuf-muted);background:var(--tuf-paper);border-radius:5px;grid-template-columns:auto minmax(110px,1fr);align-items:center;gap:10px;padding:0 10px 0 13px;font-size:9px;display:grid}.tuf-b2-free-library .tuf-free-library__controls select{min-width:0;color:var(--tuf-ink);font:inherit;background:0 0;border:0;outline:0;font-weight:650}.tuf-b2-free-library .tuf-free-library__featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tuf-b2-free-library .tuf-free-library__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.tuf-b2-free-library .tuf-free-card{border:1px solid var(--tuf-line);background:var(--tuf-paper);border-radius:6px;min-width:0;overflow:hidden}.tuf-b2-free-library .tuf-free-card--featured{grid-template-columns:minmax(220px,44%) minmax(0,1fr);min-height:130px;display:grid}.tuf-b2-free-library .tuf-free-card__media{background:#03182b;min-height:100px;position:relative;overflow:hidden}.tuf-b2-free-library .tuf-free-card:not(.tuf-free-card--featured) .tuf-free-card__media{border-radius:4px;margin:8px 8px 0}.tuf-b2-free-library .tuf-free-card__media>span{z-index:1;color:#fff;letter-spacing:.04em;background:#0869db;border-radius:3px;padding:3px 7px;font-size:8px;font-weight:840;position:absolute;top:7px;left:7px}.tuf-b2-free-library .tuf-free-card__media img{object-fit:cover;width:100%;height:100%;min-height:100px;display:block}.tuf-b2-free-library .tuf-free-card--featured .tuf-free-card__media img{min-height:130px}.tuf-b2-free-library .tuf-free-card__copy{flex-direction:column;align-items:flex-start;min-width:0;padding:10px 11px 12px;display:flex}.tuf-b2-free-library .tuf-free-card--featured .tuf-free-card__copy{justify-content:center;padding:14px 16px}.tuf-b2-free-library .tuf-free-card h2{color:var(--tuf-ink);margin:0;font-size:12px;font-weight:760;line-height:1.25}.tuf-b2-free-library .tuf-free-card--featured h2{font-size:14px}.tuf-b2-free-library .tuf-free-card__meta{width:100%;color:var(--tuf-link-accent);flex-wrap:wrap;justify-content:space-between;gap:3px 8px;margin:3px 0 5px;font-size:8px;display:flex}.tuf-b2-free-library .tuf-free-card__meta small{color:var(--tuf-muted);font-size:inherit}.tuf-b2-free-library .tuf-free-card__copy>p:not(.tuf-free-card__meta){color:var(--tuf-muted);margin:0 0 10px;font-size:9px;line-height:1.45}.tuf-b2-free-library .tuf-free-card__copy>a,.tuf-b2-free-library .tuf-free-card__demo{color:var(--tuf-link-accent);margin-top:auto;font-size:9px;font-weight:760}.tuf-b2-free-library .tuf-free-card__demo{color:var(--tuf-muted)}.tuf-b2-free-library .tuf-free-library__catalog{margin-top:16px;scroll-margin-top:20px}.tuf-b2-free-library .tuf-free-library__results{min-height:26px;color:var(--tuf-muted);margin:0;font-size:9px}.tuf-b2-free-library .tuf-free-library__pagination{justify-content:center;gap:7px;margin-top:18px;display:flex}.tuf-b2-free-library .tuf-free-library__pagination button,.tuf-b2-free-library .tuf-free-library__empty button{border:1px solid var(--tuf-line);min-width:44px;min-height:44px;color:var(--tuf-ink);background:var(--tuf-paper);cursor:pointer;font:inherit;border-radius:5px;font-size:10px}.tuf-b2-free-library .tuf-free-library__pagination button.is-active{border-color:var(--tuf-control-accent);color:#fff;background:var(--tuf-control-accent)}.tuf-b2-free-library .tuf-free-library__pagination button:disabled{cursor:default;opacity:.42}.tuf-b2-free-library .tuf-free-library__empty{border:1px solid var(--tuf-line);text-align:center;background:var(--tuf-paper);border-radius:6px;padding:44px 20px}.tuf-b2-free-library .tuf-free-library__empty h2{color:var(--tuf-ink);font-family:var(--tuf-serif);margin:0;font-size:28px}.tuf-b2-free-library .tuf-free-library__empty p{color:var(--tuf-muted);margin:7px 0 16px;font-size:11px}.tuf-b2-free-library .tuf-free-library__empty button{border-color:var(--tuf-control-accent);min-width:110px;color:var(--tuf-control-accent)}.tuf-b2-free-library .tuf-free-library :focus-visible{outline:2px solid var(--tuf-focus);outline-offset:2px}.tuf-b2-free-library .tuf-free-library__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1050px){.tuf-b2-free-library .tuf-free-library__hero{grid-template-columns:minmax(0,1fr) minmax(260px,34%)}.tuf-b2-free-library .tuf-free-library__browser{grid-template-columns:1fr}.tuf-b2-free-library .tuf-free-library__categories{grid-template-columns:none;grid-auto-columns:minmax(150px,auto);grid-auto-flow:column;overflow-x:auto}.tuf-b2-free-library .tuf-free-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.tuf-b2-free-library .tuf-free-library__hero{grid-template-columns:1fr;gap:10px;padding-bottom:16px}.tuf-b2-free-library .tuf-free-library__hero-art{justify-self:center;max-width:430px;max-height:185px}.tuf-b2-free-library .tuf-free-library__featured-grid{grid-template-columns:1fr}.tuf-b2-free-library .tuf-free-library__controls{flex-direction:column;align-items:flex-start;padding:12px 0}.tuf-b2-free-library .tuf-free-library__controls>div{width:100%}.tuf-b2-free-library .tuf-free-library__controls label{flex:1 1 0}}@media (width<=600px){.tuf-b2-free-library .tuf-free-library{width:min(calc(100% - 28px), var(--tuf-content-width));padding:18px 0 38px}.tuf-b2-free-library .tuf-free-library__breadcrumb{margin-bottom:11px;font-size:10px}.tuf-b2-free-library .tuf-free-library__hero h1{font-size:clamp(48px,15vw,62px)}.tuf-b2-free-library .tuf-free-library__hero-copy>p{font-size:12px}.tuf-b2-free-library .tuf-free-library__stats{grid-template-columns:1fr;gap:2px;display:grid}.tuf-b2-free-library .tuf-free-library__stats>span{white-space:normal;min-height:40px}.tuf-b2-free-library .tuf-free-library__hero-art{max-height:155px}.tuf-b2-free-library .tuf-free-library__browser{gap:10px;padding:12px 0}.tuf-b2-free-library .tuf-free-library__categories{grid-auto-columns:minmax(145px,auto)}.tuf-b2-free-library .tuf-free-library__categories button{min-height:46px}.tuf-b2-free-library .tuf-free-library__controls>div{grid-template-columns:1fr;display:grid}.tuf-b2-free-library .tuf-free-library__controls label{min-height:44px}.tuf-b2-free-library .tuf-free-library__featured-grid,.tuf-b2-free-library .tuf-free-library__grid,.tuf-b2-free-library .tuf-free-card--featured{grid-template-columns:1fr}.tuf-b2-free-library .tuf-free-card--featured .tuf-free-card__media img{height:148px;min-height:148px}.tuf-b2-free-library .tuf-free-card:not(.tuf-free-card--featured) .tuf-free-card__media img{height:132px}.tuf-b2-free-library .tuf-free-card h2,.tuf-b2-free-library .tuf-free-card--featured h2{font-size:15px}.tuf-b2-free-library .tuf-free-card__copy>p:not(.tuf-free-card__meta){font-size:11px}.tuf-b2-free-library .tuf-free-card__copy>a,.tuf-b2-free-library .tuf-free-card__demo{align-items:center;min-height:44px;font-size:11px;display:inline-flex}}
/* TUF_FREE_LIBRARY_HERO_POLISH2_ASPECT_BALANCE_V1
   The generated hero PNG is 4:3. The previous hero CSS combined width:100%
   with a legacy max-height intended for the old 2:1 SVG. This override keeps
   the PNG at its natural ratio and gives the right-side visual enough mass
   without changing theme colors or the hero structure. */
.tuf-b2-free-library .tuf-free-library__hero-art{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:312px;
  justify-self:end;
}
@media (width<=1050px){
  .tuf-b2-free-library .tuf-free-library__hero-art{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:270px;
  }
}
@media (width<=760px){
  .tuf-b2-free-library .tuf-free-library__hero-art{
    width:auto;
    max-width:min(100%,430px);
    height:auto;
    max-height:225px;
    justify-self:center;
  }
}
@media (width<=600px){
  .tuf-b2-free-library .tuf-free-library__hero-art{
    width:auto;
    max-width:100%;
    height:auto;
    max-height:190px;
  }
}
