.nd-templates .page-head{text-align:center;padding:72px 0 0;background:radial-gradient(560px 300px at 20% 0,rgba(168,85,247,.1),transparent 70%),radial-gradient(520px 280px at 78% 8%,rgba(236,72,153,.1),transparent 72%),radial-gradient(680px 320px at 50% 100%,rgba(59,130,246,.07),transparent 75%)}.dark .nd-templates .page-head{background:radial-gradient(560px 300px at 20% 0,rgba(168,85,247,.16),transparent 70%),radial-gradient(520px 280px at 78% 8%,rgba(251,151,154,.12),transparent 72%),radial-gradient(680px 320px at 50% 100%,rgba(99,102,241,.12),transparent 75%)}.nd-templates .eyebrow{display:inline;color:var(--primary);font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.nd-templates h1{font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:800;letter-spacing:-.025em;line-height:1.12;color:var(--foreground);max-width:860px;margin:14px auto 0}.nd-templates .page-desc{color:var(--muted-foreground);max-width:640px;margin:18px auto 0;font-size:1.08rem}.nd-templates .filter-panel{background:var(--card);border:1px solid var(--border);border-radius:1.25rem;padding:20px 24px;display:flex;flex-direction:column;gap:14px;margin:44px 0 32px}.nd-templates .filter-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nd-templates .filter-row .f-lbl{width:110px;flex:none;font-size:15px;color:var(--muted-foreground)}.nd-templates .chips{display:flex;gap:8px;flex-wrap:wrap}.nd-templates .chip{padding:7px 16px;border-radius:10px;border:1px solid var(--border);font-size:14px;font-weight:500;color:var(--foreground);transition:all .15s;background:transparent}.nd-templates .chip.active,.nd-templates .chip:hover{border-color:var(--primary)}.nd-templates .chip.active{background:var(--primary);color:var(--primary-foreground);font-weight:600}.nd-templates .tpl-grid{column-count:5;column-gap:16px}.nd-templates .tpl-item{position:relative;display:block;width:100%;break-inside:avoid;margin-bottom:16px;border-radius:1rem;overflow:hidden;cursor:pointer;border:1px solid var(--border);background:var(--card);transition:transform .18s,border-color .18s}.nd-templates .tpl-item:hover{transform:translateY(-4px);border-color:var(--primary)}.nd-templates .tpl-item:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.nd-templates .tpl-recreate{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(20,12,32,.7);backdrop-filter:blur(6px);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .18s,background-color .18s}.nd-templates .tpl-item:focus-visible .tpl-recreate,.nd-templates .tpl-item:hover .tpl-recreate{opacity:1}.nd-templates .tpl-recreate:hover{background:#a855f7}@media (hover:none){.nd-templates .tpl-recreate{opacity:1}}@media (prefers-reduced-motion:reduce){.nd-templates .tpl-item,.nd-templates .tpl-recreate{transition:none}.nd-templates .tpl-item:hover{transform:none}}.nd-templates .tpl-item .tpl-media video{width:100%;height:100%;object-fit:cover;display:block}.nd-templates .tpl-item .name{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.65));font-size:13px;font-weight:600;color:#fff;text-align:left}.nd-templates .tpl-media{position:relative}.nd-templates .ph-dur,.nd-templates .ph-tag{position:absolute;top:10px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;color:#fff;background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}.nd-templates .ph-tag{left:10px;background:linear-gradient(90deg,rgba(168,85,247,.85),rgba(236,72,153,.85))}.nd-templates .ph-dur{right:10px}.nd-templates .tpl-item.is-hot .ph-dur{right:58px}.nd-templates .hot-badge{position:absolute;top:10px;right:10px;font-size:11px;font-weight:800;letter-spacing:.04em;padding:3px 9px;border-radius:999px;color:#fff;background:linear-gradient(90deg,#f97316,#ec4899);box-shadow:0 2px 8px rgba(249,115,22,.35)}.nd-templates .tpl-empty{display:none;text-align:center;color:var(--muted-foreground);padding:48px 0;font-size:15px}.nd-templates .tpl-empty.visible{display:block}@media (min-width:1024px){.nd-templates h1{font-size:clamp(2.25rem,3.6vw,2.75rem)}}@media (max-width:1024px){.nd-templates .tpl-grid{column-count:4}}@media (max-width:820px){.nd-templates .tpl-grid{column-count:3}}@media (max-width:640px){.nd-templates .page-head{padding:48px 0 0}.nd-templates .tpl-grid{column-count:2;column-gap:10px}.nd-templates .tpl-item{margin-bottom:10px}.nd-templates .filter-row .f-lbl{width:100%}}