.templates-body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);min-height:100vh}.tmpl-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);height:52px;background:color-mix(in srgb,var(--color-surface) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.tmpl-nav-logo{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:.05em}.tmpl-nav-logo span{color:var(--color-green)}.tmpl-nav-links{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm)}.tmpl-nav-links a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.tmpl-nav-links a:hover{color:var(--color-text)}.tmpl-nav-cta{padding:6px 16px;background:var(--color-green);color:var(--color-bg)!important;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-xs)!important}.tmpl-nav-cta:hover{opacity:.9}.tmpl-header{padding:var(--space-10) var(--space-6) var(--space-6);max-width:1100px;margin:0 auto}.tmpl-header h1{font-size:clamp(24px,4vw,36px);font-weight:700;margin-bottom:var(--space-2)}.tmpl-header h1 span{color:var(--color-green)}.tmpl-header p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.tmpl-filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.tmpl-filter-btn{padding:5px 14px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.tmpl-filter-btn:hover,.tmpl-filter-btn.active{border-color:var(--color-green-dim);color:var(--color-green);background:var(--color-green-glow)}.tmpl-sort-select{margin-left:auto;padding:5px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);cursor:pointer}.tmpl-main{max-width:1100px;margin:0 auto;padding:var(--space-4) var(--space-6) var(--space-10)}.tmpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.tmpl-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast);display:flex;flex-direction:column}.tmpl-card:hover{border-color:var(--color-green-dim);transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--color-green) 10%,transparent)}.tmpl-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--color-bg)}.tmpl-thumb--empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);font-size:28px;aspect-ratio:4/3;background:var(--color-bg)}.tmpl-card-info{padding:var(--space-2) var(--space-3);flex:1;display:flex;flex-direction:column;gap:2px}.tmpl-card-name{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmpl-card-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-dim)}.tmpl-card-likes{margin-left:auto;display:flex;align-items:center;gap:4px}.tmpl-card-actions{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-3)}.tmpl-use-btn{flex:1;padding:6px 0;background:var(--color-green);border:none;border-radius:var(--radius-sm);color:var(--color-bg);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:opacity var(--transition-fast);text-align:center;text-decoration:none}.tmpl-use-btn:hover{opacity:.85}.tmpl-like-btn{padding:6px 10px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-dim);font-family:var(--font-mono);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.tmpl-like-btn:hover,.tmpl-like-btn.liked{border-color:var(--color-red);color:var(--color-red)}.tmpl-empty{grid-column:1 / -1;text-align:center;padding:var(--space-10);color:var(--color-text-muted);font-size:var(--font-size-sm)}.tmpl-loading{grid-column:1 / -1;text-align:center;padding:var(--space-10);color:var(--color-text-dim);font-size:var(--font-size-sm)}.tmpl-load-more{display:block;margin:var(--space-6) auto 0;padding:8px 24px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.tmpl-load-more:hover{border-color:var(--color-green-dim);color:var(--color-green)}.tmpl-load-more:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 640px){.tmpl-nav,.tmpl-header,.tmpl-main{padding-left:var(--space-4);padding-right:var(--space-4)}.tmpl-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}