/* PromXAI Theme 1.3.77 — singular library pages only. */
.px-library77{padding-top:18px;padding-bottom:56px}.px-library77-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.px-library77-toolbar>a,.px-library77-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--px-border);border-radius:14px;background:var(--px-surface);color:var(--px-text);text-decoration:none;cursor:pointer}.px-library77-toolbar>div{display:flex;gap:8px}.px-library77-toolbar button{width:42px;padding:0}.px-library77-toolbar svg{width:17px;height:17px}
.px-library77-product-hero{display:grid;grid-template-columns:minmax(270px,360px) minmax(0,1fr);gap:32px;align-items:start;padding:24px;border:1px solid var(--px-border);border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--px-surface) 96%,transparent),color-mix(in srgb,var(--px-card) 92%,transparent));box-shadow:0 22px 54px rgb(16 24 40 / .08)}
.px-library77-product-visual{min-width:0}.px-library77-cover{position:relative;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:var(--px-card);box-shadow:0 24px 48px rgb(15 23 42 / .18)}.px-library77-cover img{width:100%;height:100%;object-fit:cover;display:block}.px-library77-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--px-muted)}.px-library77-placeholder svg{width:70px;height:70px}.px-library77-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.px-library77-thumbs span{aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid var(--px-border);background:var(--px-card)}.px-library77-thumbs img{width:100%;height:100%;object-fit:cover}
.px-library77-product-info{display:flex;flex-direction:column;gap:16px}.px-library77-kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:34px;padding:7px 12px;border-radius:999px;color:#fff;font-size:.82rem;font-weight:800}.px-library77-kicker svg{width:15px;height:15px}.px-library77-kicker--green{background:linear-gradient(135deg,#20a866,#3ac47d)}.px-library77-kicker--purple{background:linear-gradient(135deg,#5f67ff,#a64fff)}.px-library77-kicker--blue{background:linear-gradient(135deg,#2786ff,#645cff)}.px-library77-kicker--orange{background:linear-gradient(135deg,#f59e0b,#f97316)}
.px-library77 h1{margin:0;color:var(--px-text);font-size:clamp(2rem,4vw,3.35rem);line-height:1.15}.px-library77-tagline{margin:0;color:var(--px-purple-2);font-size:1.05rem;font-weight:800}.px-library77-description{margin:0;color:var(--px-text-soft);font-size:1rem;line-height:1.9}.px-library77-access{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--px-border);border-radius:16px;background:color-mix(in srgb,var(--px-card) 90%,transparent)}.px-library77-access span{font-weight:800;color:var(--px-text)}.px-library77-access strong{font-size:1.35rem;color:var(--px-purple-2)}
.px-library77-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.px-library77-spec-grid>div{padding:13px;border:1px solid var(--px-border);border-radius:14px;background:color-mix(in srgb,var(--px-surface) 95%,transparent)}.px-library77-spec-grid dt{font-size:.76rem;color:var(--px-muted);font-weight:800}.px-library77-spec-grid dd{margin:5px 0 0;color:var(--px-text);font-weight:800;line-height:1.5}.px-library77-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.px-library77-primary,.px-library77-secondary{min-height:48px;border:0;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;text-decoration:none;font-weight:900}.px-library77-primary{color:#fff;background:linear-gradient(135deg,#3975ff,#9a4dff);box-shadow:0 15px 30px rgb(90 92 255 / .22)}.px-library77-primary:disabled{opacity:.6}.px-library77-secondary{color:var(--px-text);background:var(--px-card);border:1px solid var(--px-border)}.px-library77-primary svg,.px-library77-secondary svg{width:17px;height:17px}
.px-library77-section{margin-top:24px;padding:22px;border:1px solid var(--px-border);border-radius:24px;background:var(--px-surface);box-shadow:0 14px 34px rgb(16 24 40 / .05)}.px-library77-section>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.px-library77-section h2{margin:0;font-size:1.35rem;color:var(--px-text)}.px-library77-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.px-library77-gallery figure{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--px-border);background:var(--px-card)}.px-library77-gallery img{width:100%;height:auto;display:block}.px-library77-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.px-library77-check-list li{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border:1px solid var(--px-border);border-radius:14px;background:var(--px-card);color:var(--px-text);line-height:1.7}.px-library77-check-list svg{width:17px;height:17px;color:#2ab57f;flex:0 0 17px;margin-top:4px}.px-library77-chip-list{display:flex;flex-wrap:wrap;gap:9px}.px-library77-chip-list span{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:999px;background:var(--px-card);border:1px solid var(--px-border);color:var(--px-text);font-size:.84rem;font-weight:700}
.px-library77-article-hero{display:grid;grid-template-columns:minmax(240px,330px) minmax(0,1fr);gap:28px;align-items:center;padding:24px;border:1px solid var(--px-border);border-radius:28px;background:var(--px-surface);box-shadow:0 20px 50px rgb(16 24 40 / .07)}.px-library77-article-cover{aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:var(--px-card);box-shadow:0 22px 45px rgb(15 23 42 / .16)}.px-library77-article-cover img{width:100%;height:100%;object-fit:cover}.px-library77-article-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.px-library77-article-meta{display:flex;flex-wrap:wrap;gap:10px}.px-library77-article-meta span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:var(--px-card);border:1px solid var(--px-border);color:var(--px-text-soft);font-size:.82rem;font-weight:700}.px-library77-article-meta svg{width:15px;height:15px}
.px-library77-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;margin-top:24px;align-items:start}.px-library77-article-content{min-width:0}.px-library77-learning,.px-library77-prose,.px-library77-article-gallery{padding:24px;border:1px solid var(--px-border);border-radius:22px;background:var(--px-surface);box-shadow:0 14px 32px rgb(16 24 40 / .04)}.px-library77-learning{margin-bottom:18px}.px-library77-learning h2,.px-library77-article-gallery h2{margin:0 0 16px;color:var(--px-text)}.px-library77-learning ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.px-library77-learning li{display:flex;gap:9px;color:var(--px-text);line-height:1.75}.px-library77-learning svg{width:18px;height:18px;color:#2ab57f;flex:0 0 18px;margin-top:5px}.px-library77-prose{color:var(--px-text);font-size:1.03rem;line-height:2}.px-library77-prose h2,.px-library77-prose h3{color:var(--px-text);margin-top:1.5em}.px-library77-prose img{max-width:100%;height:auto;border-radius:16px}.px-library77-article-gallery{margin-top:18px}.px-library77-article-gallery>div{display:grid;gap:16px}.px-library77-article-gallery figure{margin:0}.px-library77-article-gallery img{width:100%;height:auto;border-radius:16px;display:block}.px-library77-article-aside{display:grid;gap:14px;position:sticky;top:92px}.px-library77-aside-card{padding:18px;border:1px solid var(--px-border);border-radius:18px;background:var(--px-surface)}.px-library77-aside-card h3{margin:0 0 14px;color:var(--px-text)}.px-library77-aside-card dl{display:grid;gap:10px;margin:0}.px-library77-aside-card dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--px-border)}.px-library77-aside-card dl>div:last-child{border-bottom:0;padding-bottom:0}.px-library77-aside-card dt{color:var(--px-muted);font-size:.8rem}.px-library77-aside-card dd{margin:0;color:var(--px-text);font-weight:800}
@media(max-width:980px){.px-library77-product-hero,.px-library77-article-hero{grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:20px}.px-library77-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.px-library77-article-layout{grid-template-columns:1fr}.px-library77-article-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.px-library77-article-aside>.px-library77-primary{grid-column:1/-1}}
@media(max-width:720px){html:not(.px-phone-ui) .px-library77-product-hero,html:not(.px-phone-ui) .px-library77-article-hero{grid-template-columns:1fr;padding:16px;border-radius:22px}html:not(.px-phone-ui) .px-library77-product-visual,html:not(.px-phone-ui) .px-library77-article-cover{width:min(100%,330px);margin-inline:auto}.px-library77 h1{font-size:2rem}.px-library77-actions{grid-template-columns:1fr}.px-library77-gallery{grid-template-columns:1fr 1fr}.px-library77-check-list{grid-template-columns:1fr}.px-library77-article-aside{grid-template-columns:1fr}}
@media(max-width:480px){.px-library77-spec-grid,.px-library77-gallery{grid-template-columns:1fr}.px-library77-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}html:not(.px-phone-ui) .px-library77-toolbar>a span{display:none}}

/* PromXAI 1.3.78 — unified detail display badges */
.px-library78-detail-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:30px;
  margin-bottom:10px;
  padding:6px 11px;
  border:1px solid rgb(255 255 255 / .18);
  border-radius:999px;
  color:#fff;
  font-size:.74rem;
  line-height:1;
  font-weight:900;
  box-shadow:0 12px 24px rgb(0 0 0 / .16);
}
.px-library78-detail-badge.is-free{background:linear-gradient(135deg,#16a36f,#2cc58c)}
.px-library78-detail-badge.is-new{background:linear-gradient(135deg,#3388ff,#685cff)}
.px-library78-detail-badge.is-downloaded{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.px-library78-detail-badge.is-bestseller{background:linear-gradient(135deg,#f59e0b,#ea580c)}
.px-library78-detail-badge.is-editor{background:linear-gradient(135deg,#7c3aed,#d92ec5)}
.px-library78-detail-badge.is-featured{background:linear-gradient(135deg,#ec4899,#8b5cf6)}
.px-library78-detail-badge.is-soon{background:linear-gradient(135deg,#64748b,#334155)}
.px-library78-detail-badge.is-release{background:linear-gradient(135deg,#06b6d4,#8b5cf6)}
