.page-templates .templates-wrap{padding-top:clamp(42px,7vh,82px);padding-bottom:clamp(64px,10vh,120px)}.page-templates .templates-page-head{align-items:end;margin-bottom:30px}.page-templates .templates-page-head>p{max-width:540px;color:var(--h-text-dim);font-size:var(--h-text-base);line-height:var(--h-lead-base);margin:0}.page-templates .template-gallery{gap:40px;display:grid}.page-templates .template-section-title{font-size:var(--h-text-lg);margin:0 0 14px}.page-templates .template-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.page-templates .template-card{isolation:isolate;border:1px solid var(--h-edge);border-radius:var(--h-radius-card);background-color:var(--h-panel);background-image:var(--h-glass-sheen);-webkit-backdrop-filter:var(--h-blur);backdrop-filter:var(--h-blur);box-shadow:var(--h-glass-rim), var(--h-elev-1);align-content:start;gap:10px;padding:20px;display:grid;position:relative}.page-templates .template-card.is-featured{border-color:var(--accent-text)}.page-templates .template-title-link{color:inherit;text-decoration:none}.page-templates .template-title-link:hover{text-underline-offset:3px;text-decoration:underline}.page-templates .template-cover{cursor:pointer;display:block}.page-templates a.template-cover:hover img{transform:scale(1.015)}.page-templates .template-cover img{transition:transform var(--t-micro) var(--ease-out)}.page-templates .template-cover{aspect-ratio:16/9;border-bottom:1px solid var(--h-edge);border-radius:calc(var(--h-radius-card) - 1px) calc(var(--h-radius-card) - 1px) 0 0;background:var(--h-pill);margin:-20px -20px 4px;overflow:hidden}.page-templates .template-cover img{object-fit:cover;width:100%;height:100%;display:block}.page-templates .template-card h3{font-size:var(--h-text-md);margin:0}.page-templates .template-flag{color:var(--accent-text);font-family:var(--font-mono);font-size:var(--h-text-2xs);letter-spacing:.08em;text-transform:uppercase;margin:0}.page-templates .template-desc{color:var(--h-text-dim);font-size:var(--h-text-sm);line-height:var(--h-lead-base);margin:0}.page-templates .template-meta{color:var(--h-text-dim);font-size:var(--h-text-xs);flex-wrap:wrap;gap:8px;margin:0;display:flex}.page-templates .template-preset{border:1px solid var(--h-edge);font-family:var(--font-mono);border-radius:999px;padding:1px 8px}.page-templates .template-actions{gap:8px;margin-top:4px;display:flex}.page-templates button,.page-templates .template-kit-link{min-height:var(--h-pill-sm);border:1px solid var(--h-edge);background:var(--h-pill);color:var(--h-text);font:inherit;cursor:pointer;transition:background-color var(--t-micro) var(--ease-out), border-color var(--t-micro) var(--ease-out);border-radius:9999px;justify-content:center;align-items:center;padding:0 16px;font-weight:500;text-decoration:none;display:inline-flex}.page-templates button:hover:not(:disabled),.page-templates .template-kit-link:hover{background:var(--h-pill-hover);border-color:var(--h-field-edge-focus)}.page-templates button:disabled{opacity:.48;cursor:default}.page-templates button.template-primary{background:var(--h-action-bg);color:var(--h-action-text);border-color:#0000}.page-templates button.template-primary:hover:not(:disabled){background:var(--h-action-bg-hover)}.page-templates .template-empty,.page-templates .template-error{color:var(--h-text-dim);margin:0}.page-templates .template-error{color:var(--status-failed)}.page-templates .template-publish-note{max-width:560px;color:var(--h-text-dim);font-size:var(--h-text-sm);margin:0 0 12px}.page-templates .template-publish-row{flex-wrap:wrap;gap:10px;display:flex}.page-templates .template-publish-row select{min-width:260px;height:var(--h-pill-md);border:1px solid var(--h-edge);border-radius:var(--h-radius-row);background:var(--h-pill);color:var(--h-text);font:inherit;outline:0;padding:0 13px}.page-templates .template-publish-row select:focus{border-color:var(--h-field-edge-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}