.aitemplates-wrapper{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;background:#050505;min-height:100vh;padding:calc(70px + .5rem) 2rem 2.5rem;position:relative}.aitemplates-wrapper:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(55% 60% at 12% 0,#7a2bff29,#0000 70%),radial-gradient(45% 55% at 100% 0,#ff3a821f,#0000 70%);height:520px;position:absolute;inset:0}.aitemplates-wrapper .browse-layout{z-index:1;grid-template:"side head""side tool""side grid"1fr/250px minmax(0,1fr);gap:1.1rem 2rem;max-width:1480px;margin:0 auto;display:grid;position:relative}@media (max-width:768px){.aitemplates-wrapper{padding:calc(70px + .25rem) .9rem 2rem}.aitemplates-wrapper .browse-layout{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"head""tool""side""grid";row-gap:1rem}}.aitemplates-wrapper .category-sidebar{grid-area:side;min-width:0}.aitemplates-wrapper .aitemplates-header{grid-area:head}.aitemplates-wrapper .main-toolbar{grid-area:tool}.aitemplates-wrapper .grid-region{grid-area:grid;min-width:0}.aitemplates-wrapper .category-sidebar .sidebar-head{padding:0 .25rem .75rem;position:sticky;top:84px}.aitemplates-wrapper .category-sidebar .sidebar-kicker{letter-spacing:.22em;text-transform:uppercase;color:#a06bffd9;margin-bottom:.1rem;font-size:.66rem;display:block}.aitemplates-wrapper .category-sidebar .sidebar-head h4{color:#fff;margin:0;font-size:1.05rem;font-weight:700}@media (max-width:768px){.aitemplates-wrapper .category-sidebar .sidebar-head{display:none}}.aitemplates-wrapper .category-sidebar .category-list{flex-direction:column;display:flex;position:sticky;top:calc(84px + 3rem)}@media (max-width:768px){.aitemplates-wrapper .category-sidebar .category-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;gap:.45rem;padding-bottom:.35rem;position:static;overflow:auto hidden}.aitemplates-wrapper .category-sidebar .category-list::-webkit-scrollbar{display:none}}.aitemplates-wrapper .cat-item{color:#ffffffad;cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff12;align-items:center;gap:.7rem;width:100%;padding:.7rem .35rem;font-size:.92rem;font-weight:500;transition:color .2s,padding-left .2s;display:flex;position:relative}.aitemplates-wrapper .cat-item:last-child{border-bottom:none}.aitemplates-wrapper .cat-item .cat-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.aitemplates-wrapper .cat-item .cat-avatar.all{color:#ffffffd9;background:#ffffff14}.aitemplates-wrapper .cat-item .cat-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.aitemplates-wrapper .cat-item .cat-count{text-align:center;color:#ffffff80;background:#ffffff0f;border-radius:999px;flex-shrink:0;min-width:20px;padding:.1rem .45rem;font-size:.72rem}.aitemplates-wrapper .cat-item:before{content:"";background:linear-gradient(#ff3a82,#7a2bff);border-radius:3px;width:3px;height:55%;transition:transform .22s;position:absolute;top:50%;left:-.35rem;transform:translateY(-50%)scaleY(0)}.aitemplates-wrapper .cat-item:hover{color:#fff;padding-left:.55rem}.aitemplates-wrapper .cat-item.active{color:#fff;font-weight:600}.aitemplates-wrapper .cat-item.active:before{transform:translateY(-50%)scaleY(1)}.aitemplates-wrapper .cat-item.active .cat-avatar{box-shadow:inset 0 0 0 1px #ffffff4d,0 0 12px #a06bff66}.aitemplates-wrapper .cat-item.active .cat-count{color:#fff;background:linear-gradient(90deg,#ff3a82,#7a2bff)}@media (max-width:768px){.aitemplates-wrapper .cat-item{background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;flex:none;gap:.4rem;width:auto;padding:.32rem .6rem .32rem .32rem;font-size:.78rem}.aitemplates-wrapper .cat-item:before{display:none}.aitemplates-wrapper .cat-item:last-child{border-bottom:1px solid #ffffff1f}.aitemplates-wrapper .cat-item:hover{padding-left:.32rem}.aitemplates-wrapper .cat-item .cat-avatar{border-radius:6px;width:20px;height:20px;font-size:.64rem}.aitemplates-wrapper .cat-item .cat-label{max-width:none}.aitemplates-wrapper .cat-item .cat-count{min-width:0;padding:.05rem .4rem;font-size:.66rem}.aitemplates-wrapper .cat-item.active{background:linear-gradient(90deg,#ff3a822e,#7a2bff33);border-color:#a06bff8c;box-shadow:0 4px 16px #7a2bff40}}.aitemplates-wrapper .aitemplates-header{flex-direction:column;gap:.4rem;display:flex}.aitemplates-wrapper .aitemplates-header .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c;background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;align-self:flex-start;padding:.25rem .8rem;font-size:.68rem}.aitemplates-wrapper .aitemplates-header h1{color:#fff;overflow-wrap:anywhere;background:linear-gradient(90deg,#ff5fa2,#a06bff 55%,#5f8bff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:700;line-height:1.12}@media (max-width:768px){.aitemplates-wrapper .aitemplates-header h1{font-size:1.5rem}}.aitemplates-wrapper .aitemplates-header p{color:#ffffff8c;max-width:680px;margin:0;font-size:.92rem;line-height:1.5}@media (max-width:768px){.aitemplates-wrapper .aitemplates-header p{font-size:.85rem}}.aitemplates-wrapper .main-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.aitemplates-wrapper .main-toolbar .toolbar-heading{align-items:baseline;gap:.6rem;display:flex}.aitemplates-wrapper .main-toolbar .toolbar-heading h3{color:#fff;margin:0;font-size:1.15rem;font-weight:600}.aitemplates-wrapper .main-toolbar .toolbar-heading .result-count{color:#ffffff73;font-size:.82rem}.aitemplates-wrapper .main-toolbar .search-bar{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.6rem;width:320px;max-width:100%;padding:.6rem .95rem;transition:border-color .3s,box-shadow .3s;display:flex}.aitemplates-wrapper .main-toolbar .search-bar:focus-within{border-color:#a06bff99;box-shadow:0 0 0 4px #a06bff1f}.aitemplates-wrapper .main-toolbar .search-bar .search-icon{color:#ffffff80;flex-shrink:0;font-size:1.02rem}.aitemplates-wrapper .main-toolbar .search-bar input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.9rem}.aitemplates-wrapper .main-toolbar .search-bar input::placeholder{color:#fff6}@media (max-width:768px){.aitemplates-wrapper .main-toolbar{flex-direction:column;align-items:stretch;gap:.6rem}.aitemplates-wrapper .main-toolbar .search-bar{order:-1;width:100%}}.aitemplates-wrapper .templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch;gap:1.4rem;width:100%;display:grid}@media (max-width:768px){.aitemplates-wrapper .templates-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}}.aitemplates-wrapper .template-card{color:#fff;cursor:pointer;will-change:transform;background:#ffffff09;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;height:100%;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;animation:.5s both aitemplatesCardIn;display:flex;position:relative;overflow:hidden}.aitemplates-wrapper .template-card:hover{border-color:#a06bff73;transform:translateY(-6px);box-shadow:0 20px 44px #0009,0 0 0 1px #a06bff26}.aitemplates-wrapper .template-card:hover .img-wrapper img{transform:scale(1.06)}@media (max-width:768px){.aitemplates-wrapper .template-card{border-radius:12px}.aitemplates-wrapper .template-card:hover{transform:none}}.aitemplates-wrapper .img-wrapper{aspect-ratio:16/11;background:linear-gradient(135deg,#14121c,#201830);width:100%;position:relative;overflow:hidden}.aitemplates-wrapper .img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.aitemplates-wrapper .img-wrapper .stats-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffd9;background:#0000008c;border-radius:999px;gap:.5rem;padding:.3rem .6rem;font-size:.72rem;display:flex;position:absolute;top:.6rem;right:.6rem}.aitemplates-wrapper .img-wrapper .stats-badge span{align-items:center;gap:.25rem;display:inline-flex}@media (max-width:768px){.aitemplates-wrapper .img-wrapper .stats-badge{gap:.3rem;padding:.2rem .4rem;font-size:.64rem}.aitemplates-wrapper .img-wrapper{aspect-ratio:5/6}}.aitemplates-wrapper .article-content{flex-direction:column;flex:1;gap:.5rem;padding:.9rem 1rem 1rem;display:flex}.aitemplates-wrapper .article-content h2{color:#fff;margin:0;font-size:1rem;font-weight:600}.aitemplates-wrapper .article-content p{color:#ffffff8c;min-height:2.4em;margin:0;font-size:.84rem;line-height:1.5}.aitemplates-wrapper .article-content .tag-row{flex-wrap:wrap;gap:.4rem;display:flex}.aitemplates-wrapper .article-content .tag-row .tag{color:#d2beffe6;background:#a06bff1f;border:1px solid #a06bff38;border-radius:999px;padding:.2rem .55rem;font-size:.7rem}.aitemplates-wrapper .article-content .card-actions{gap:.55rem;margin-top:auto;padding-top:.5rem;display:flex}.aitemplates-wrapper .article-content .card-actions .card-btn{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:.55rem .7rem;font-size:.82rem;font-weight:600;transition:all .25s;display:flex}.aitemplates-wrapper .article-content .card-actions .card-btn.solid{color:#fff;background:linear-gradient(90deg,#ff3a82,#7a2bff);border:none}.aitemplates-wrapper .article-content .card-actions .card-btn.ghost{color:#fff;background:#ffffff0d;border:1px solid #fff3}.aitemplates-wrapper .article-content .card-actions .card-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.aitemplates-wrapper .article-content{gap:.35rem;padding:.6rem .65rem .7rem}.aitemplates-wrapper .article-content h2{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;line-height:1.25;overflow:hidden}.aitemplates-wrapper .article-content p,.aitemplates-wrapper .article-content .tag-row{display:none}.aitemplates-wrapper .article-content .card-actions{flex-direction:column;gap:.35rem;padding-top:.35rem}.aitemplates-wrapper .article-content .card-actions .card-btn{border-radius:8px;padding:.45rem;font-size:.74rem}}.aitemplates-wrapper .templates-empty{text-align:center;color:#fff9;border:1px dashed #ffffff1a;border-radius:16px;padding:3rem 1rem}.aitemplates-wrapper .templates-empty h3{color:#fff;margin:0 0 .5rem;font-size:1.2rem}.aitemplates-wrapper .templates-empty p{margin:0}@keyframes aitemplatesCardIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}