body.site-c .tpl-filters{flex-wrap:wrap;gap:8px;padding:8px 0 32px;display:flex}body.site-c .tpl-filter{border:1px solid var(--sc-rule-2);color:var(--sc-fg-2);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .16s;display:inline-flex}body.site-c .tpl-filter:hover{background:var(--sc-bg-2);color:var(--sc-fg)}body.site-c .tpl-filter.active{background:var(--sc-fg);color:var(--sc-bg);border-color:var(--sc-fg)}body.site-c .tpl-filter.disabled,body.site-c .tpl-filter:disabled{opacity:.4;cursor:not-allowed}body.site-c .tpl-filter.disabled:hover,body.site-c .tpl-filter:disabled:hover{color:var(--sc-fg-2);background:0 0}body.site-c .tpl-search{border:1px solid var(--sc-rule-2);background:var(--sc-bg-2);color:var(--sc-fg);border-radius:999px;align-items:center;gap:10px;width:100%;max-width:360px;margin-bottom:24px;padding:10px 16px;font-size:14px;display:flex}body.site-c .tpl-search input{color:var(--sc-fg);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}body.site-c .tpl-search input::placeholder{color:var(--sc-fg-3)}body.site-c .tpl-search button{color:var(--sc-fg-3);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;transition:color .16s}body.site-c .tpl-search button:hover{color:var(--sc-fg)}body.site-c .tpl-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:1100px){body.site-c .tpl-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){body.site-c .tpl-grid{grid-template-columns:repeat(2,1fr)}}body.site-c .tpl-card{aspect-ratio:4/5;cursor:pointer;border:1px solid var(--sc-rule);background:var(--sc-bg-2);border-radius:16px;text-decoration:none;transition:transform .24s;display:block;position:relative;overflow:hidden}body.site-c .tpl-card:hover{transform:translateY(-3px)}body.site-c .tpl-card:hover .tpl-art{transform:scale(1.05)}body.site-c .tpl-card .tpl-art{background-position:50%;background-size:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}body.site-c .tpl-card .ovr{z-index:1;background:linear-gradient(#0000 30%,#000000eb 100%);position:absolute;inset:0}body.site-c .tpl-card .meta{z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}body.site-c .tpl-card .cat{color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;font-weight:600}body.site-c .tpl-card .title{font-family:var(--sc-font-display);color:#fff;letter-spacing:-.015em;font-size:18px;font-weight:700;line-height:1.15}body.site-c .tpl-card .prompt{font-family:var(--sc-font-mono);color:#ffffffa6;-webkit-line-clamp:2;border-top:1px solid #ffffff26;-webkit-box-orient:vertical;margin-top:4px;padding-top:6px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}body.site-c .tpl-card .model{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:2;background:#0000008c;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}body.site-c .tpl-card .badge-new{background:var(--sc-acc);color:#fff;letter-spacing:.06em;text-transform:uppercase;z-index:2;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px}body.site-c .tpl-cta{background:linear-gradient(135deg, rgba(var(--sc-acc-rgb), 0) 0%, rgba(var(--sc-acc-rgb), .12) 50%, rgba(var(--sc-acc-rgb), .32) 100%), var(--sc-bg-2);border:1px solid var(--sc-rule);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;margin-top:56px;margin-bottom:80px;padding:56px;display:flex;position:relative;overflow:hidden}body.site-c .tpl-cta:before{content:"";background:radial-gradient(circle at 80% 30%, rgba(var(--sc-acc-rgb), .3), transparent 60%);pointer-events:none;position:absolute;inset:0}body.site-c .tpl-cta h3{font-family:var(--sc-font-display);z-index:1;color:#fff;letter-spacing:-.02em;max-width:520px;font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.1;position:relative}body.site-c .tpl-cta .actions{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}body.site-c .tpl-empty{text-align:center;color:var(--sc-fg-3);padding:80px 0}body.site-c .tpl-empty h3{font-family:var(--sc-font-display);color:var(--sc-fg);margin-bottom:8px;font-size:18px;font-weight:700}body.site-c .tpl-empty p{font-size:14px}body.site-c .tpl-empty .tpl-retry-btn{margin-top:16px}body.site-c .tpl-loading{color:var(--sc-fg-3);flex-direction:column;align-items:center;gap:16px;padding:80px 0;display:flex}body.site-c .tpl-loading .spinner{border:2px solid #ffffff2e;border-top-color:var(--sc-acc);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite tpl-spin}@keyframes tpl-spin{to{transform:rotate(360deg)}}body.site-c .tpl-topic-nav{padding:0 0 8px}body.site-c .tpl-topic-nav .tpl-filter{text-decoration:none}body.site-c .tpl-filter .cnt{opacity:.55;margin-left:4px;font-weight:500}body.site-c .tpl-topics{flex-direction:column;gap:8px;padding-bottom:8px;display:flex}body.site-c .tpl-topic-row{margin:0 0 32px}body.site-c .tpl-topic-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}body.site-c .tpl-topic-head h2{font-family:var(--sc-font-display);letter-spacing:-.02em;align-items:baseline;gap:10px;margin:0;font-size:clamp(20px,2.2vw,24px);line-height:1.15;display:flex}body.site-c .tpl-topic-head h2 a{color:inherit;text-decoration:none}body.site-c .tpl-topic-head h2 a:hover{color:var(--sc-acc)}body.site-c .tpl-topic-cnt{color:var(--sc-fg-3);letter-spacing:0;white-space:nowrap;font-size:13px;font-weight:600}body.site-c .tpl-topic-desc{color:var(--sc-fg-3);max-width:640px;margin:4px 0 0;font-size:13px}body.site-c .tpl-topic-all{white-space:nowrap;color:var(--sc-fg-2);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;transition:color .16s;display:inline-flex}body.site-c .tpl-topic-all:hover{color:var(--sc-acc)}body.site-c .tpl-topic-track{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}@media (max-width:1024px){body.site-c .tpl-topic-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(-1 * var(--sc-container-pad,16px));padding:0 var(--sc-container-pad,16px) 6px;gap:10px;display:flex;overflow-x:auto}body.site-c .tpl-topic-track::-webkit-scrollbar{display:none}body.site-c .tpl-topic-track>*{scroll-snap-align:start;flex:0 0 200px}}@media (max-width:600px){body.site-c .tpl-topic-track>*{flex:0 0 42%}}body.site-c .tpl-topic-track .tpl-card .title{font-size:15px}@media (max-width:1024px){body.site-c .tpl-topic-track .tpl-card .title{font-size:13px}body.site-c .tpl-topic-track .tpl-card .cat{display:none}body.site-c .tpl-topic-track .tpl-card .model{padding:3px 7px;font-size:10px}body.site-c .tpl-topic-track .tpl-card .meta{bottom:10px;left:10px;right:10px}}body.site-c .tpl-topic-tail{aspect-ratio:4/5;border:1px dashed var(--sc-rule-2);background:var(--sc-bg-2);color:var(--sc-fg-2);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:flex;position:relative;overflow:hidden}body.site-c .tpl-topic-tail:hover,body.site-c .tpl-topic-tail:focus-visible{border-color:var(--sc-acc);color:var(--sc-fg);background:color-mix(in srgb, var(--sc-acc) 10%, transparent)}body.site-c .tpl-topic-tail .thumbs{opacity:.18;filter:blur(1px);grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}body.site-c .tpl-topic-tail .thumbs span{background-position:50%;background-size:cover}body.site-c .tpl-topic-tail>:not(.thumbs){z-index:1;align-items:center;gap:6px;display:inline-flex;position:relative}body.site-c .tpl-topic-tail .big{font-family:var(--sc-font-display);letter-spacing:-.03em;color:var(--sc-fg);font-size:34px;font-weight:800}body.site-c .tpl-feed-head{font-family:var(--sc-font-display);letter-spacing:-.02em;margin:8px 0 18px;font-size:clamp(22px,2.6vw,30px);line-height:1.15}body.site-c .tpl-topics>.tpl-feed-head{margin-top:16px}@media (max-width:720px){body.site-c .tpl-topic-head{align-items:flex-start}}