.lib-grid,.lib-card,.lib-thumb,.lib-title,.lib-pager,.lib-page-btn{box-sizing:border-box;max-width:100%}.library-section{padding:8px 0 32px;overflow-x:clip}.lib-head h2{font-size:1.35rem;margin:0 0 4px;line-height:1.3}.lib-count{color:#f47a00;font-size:1rem;font-weight:600}.lib-sub{margin:0 0 14px;color:#6b7280;font-size:0.92rem}.lib-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0}@media (min-width:480px){.lib-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (min-width:768px){.lib-grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media (min-width:1100px){.lib-grid{grid-template-columns:repeat(4,1fr)}}.lib-card{display:block;min-height:44px;background:#fff;border:1px solid #f0e6d8;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(0,0,0,0.06)}.lib-card:active{transform:scale(0.99)}.lib-thumb{display:block;width:100%;background:#faf5ee}.lib-thumb img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.lib-title{display:block;padding:10px 12px 12px;font-size:0.92rem;font-weight:600;line-height:1.35;color:#1f2937;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px}.lib-empty{padding:24px 12px;text-align:center;color:#6b7280;font-size:1rem}.lib-pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:22px 0 8px}.lib-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid #f0e6d8;border-radius:10px;background:#fff;color:#1f2937;font-weight:600;font-size:0.95rem;text-decoration:none}.lib-page-btn:hover{border-color:#f47a00;color:#f47a00}.lib-page-current{background:#f47a00;border-color:#f47a00;color:#fff}.lib-pageinfo{text-align:center;color:#9ca3af;font-size:0.85rem;margin:0 0 8px}@media (max-width:479px){.search-box input{min-height:44px;font-size:16px}.search-action{min-height:44px;display:inline-flex;align-items:center}.trending-tab{min-height:44px}.lib-head h2{font-size:1.2rem}}.tag-chips{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 22px}.tag-chip{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;background:#fff;border:1.5px solid #e5c29b;color:#2a211b;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .15s,background .15s}.tag-chip:hover{border-color:#eb8525;background:#fdf0db}.tag-chip-active{background:#eb8525;border-color:#eb8525;color:#fff}@media(max-width:760px){.tag-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scrollbar-width:none}.tag-chips::-webkit-scrollbar{display:none}}.seo-content{max-width:860px;margin:48px auto 8px;padding:0 20px;color:#2a211b}.seo-content h2{font-size:clamp(22px,3.4vw,30px);line-height:1.25;margin:0 0 14px;letter-spacing:-0.01em}.seo-content h3{font-size:clamp(17px,2.6vw,20px);margin:22px 0 8px}.seo-content p{font-size:16px;line-height:1.7;margin:0 0 12px;color:rgba(42,33,27,.92)}.related-prompts{margin:40px 0 8px;padding:0 4px}.related-prompts h2{font-size:clamp(20px,3vw,26px);margin:0 0 18px;letter-spacing:-0.01em;color:#2a211b}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.related-card{background:#fff;border:1px solid #f0e2cc;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.related-card .related-img-link{display:block;aspect-ratio:3/4;overflow:hidden;background:#fdf0db}.related-card .related-img-link img{width:100%;height:100%;object-fit:cover;display:block}.related-card h3{font-size:15px;line-height:1.35;margin:12px 14px 8px}.related-card h3 a{color:#2a211b;text-decoration:none}.related-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}.related-prompt-box{margin:0 14px 14px;padding:12px}.related-prompt-box .prompt-text{font-size:13px;line-height:1.55}.related-prompt-box .prompt-box-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.related-prompt-box .prompt-btn{min-height:44px;padding:0 14px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}@media(max-width:1100px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.related-grid{grid-template-columns:repeat(2,1fr);gap:10px}.related-prompts{margin:32px 0 4px}.related-card h3{font-size:13px;margin:8px 10px 6px}.related-prompt-box{margin:0 10px 10px;padding:10px}}
/* Compact related cards - cleaner look */
.related-grid{gap:14px;}
.related-card{border-radius:10px;}
.related-card .related-img-link{display:block;aspect-ratio:4/3;overflow:hidden;background:#f5f0e8;}
.related-card .related-img-link img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}
.related-card:hover .related-img-link img{transform:scale(1.04);}
.related-card h3{font-size:14px;line-height:1.35;margin:10px 12px 6px;font-weight:600;}
.related-card h3 a{color:#2a211b;text-decoration:none;}
.related-card h3 a:hover{color:#f47a00;}
.related-prompt-box{margin:0 12px 12px;padding:12px;}
.related-prompt-box .prompt-text{font-size:12.5px;line-height:1.6;max-height:60px !important;}
.related-prompt-box .prompt-box-actions{gap:8px;margin-top:10px;}
.related-prompt-box .prompt-btn{padding:10px;font-size:13px;}
@media(max-width:768px){
.related-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
.related-card h3{font-size:13px;}
}

/* Skeleton loaders for perceived performance */
.lib-thumb{position:relative;background:#eceff1;overflow:hidden;aspect-ratio:3/2;}
.lib-thumb img{image-rendering:auto;-webkit-optimize-contrast:auto;opacity:0;transition:opacity .4s ease;}
.lib-thumb img.loaded{opacity:1;}
.lib-thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eceff1 25%,#f7f8f9 50%,#eceff1 75%);background-size:200% 100%;animation:skel-shimmer 1.4s infinite;}
.lib-thumb.img-done::before{display:none;}
@keyframes skel-shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
/* Infinite scroll loader */
.is-loader{text-align:center;padding:8px;min-height:20px;}
.is-loader .skel-cards{display:none;}
.is-loader.active .skel-cards{display:grid;}
.is-loader.active{padding:32px;}
.is-loader .skel-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1200px;margin:0 auto;}
.is-loader .skel-card{background:#fff;border-radius:10px;overflow:hidden;}
.is-loader .skel-img{aspect-ratio:4/3;background:linear-gradient(90deg,#eceff1 25%,#f7f8f9 50%,#eceff1 75%);background-size:200% 100%;animation:skel-shimmer 1.4s infinite;}
.is-loader .skel-line{height:14px;margin:12px;border-radius:7px;background:linear-gradient(90deg,#eceff1 25%,#f7f8f9 50%,#eceff1 75%);background-size:200% 100%;animation:skel-shimmer 1.4s infinite;}
@media(max-width:768px){.is-loader .skel-cards{grid-template-columns:repeat(2,1fr);}}