.templates-page__hero[data-v-eb4e91da] .section-heading{margin-inline:auto;margin-bottom:2rem}.templates-page__search[data-v-eb4e91da]{max-width:40rem;margin-inline:auto}.templates-page__browser[data-v-eb4e91da]{padding-block:clamp(3rem, 6vw, 4.5rem) var(--section-space);grid-template-columns:15rem minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);display:grid}.templates-page__sidebar[data-v-eb4e91da]{top:calc(var(--header-height) + 1.5rem);flex-direction:column;align-self:start;gap:.75rem;display:flex;position:sticky}.templates-page__sidebar-title[data-v-eb4e91da]{font-size:var(--tiny-size);text-transform:uppercase;letter-spacing:.1em;color:var(--content-dark-color);margin-top:.75rem;font-weight:700}.templates-page__categories[data-v-eb4e91da]{flex-direction:column;gap:.15rem;display:flex}.templates-page__category[data-v-eb4e91da]{border-radius:var(--radius-sm);width:100%;font-size:var(--small-size);text-align:left;color:var(--content-normal-color);transition:background-color .2s var(--ease-out);background:0 0;border:0;justify-content:space-between;padding:.55rem .75rem;font-weight:600;display:flex}.templates-page__category[data-v-eb4e91da]:hover:not(:disabled){background:var(--container-low-color)}.templates-page__category[data-v-eb4e91da]:disabled{opacity:.4;cursor:default}.templates-page__category span[data-v-eb4e91da]{font-variant-numeric:tabular-nums;color:var(--content-dark-color)}.templates-page__category--active[data-v-eb4e91da]{background:var(--primary-soft-color);color:var(--content-bright-color)}.templates-page__category--active span[data-v-eb4e91da]{color:var(--primary-color)}.templates-page__types[data-v-eb4e91da]{flex-wrap:wrap;gap:.4rem;display:flex}.templates-page__type[data-v-eb4e91da]{border:1px solid var(--border-color);border-radius:var(--radius-chip);font-size:var(--tiny-size);color:var(--content-normal-color);transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out);background:0 0;align-items:center;gap:.4rem;padding:.4rem .7rem;font-weight:650;display:inline-flex}.templates-page__type[data-v-eb4e91da] .icon{color:var(--type-color)}.templates-page__type--active[data-v-eb4e91da]{border-color:var(--type-color);background:color-mix(in oklab, var(--type-color) var(--chip-fill-amount), var(--chip-fill-base));color:color-mix(in oklab, var(--type-color) var(--chip-ink-amount), var(--chip-ink-base))}.templates-page__toolbar[data-v-eb4e91da]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.templates-page__count[data-v-eb4e91da]{color:var(--content-dim-color);align-items:baseline;gap:.4rem;display:flex}.templates-page__count strong[data-v-eb4e91da]{color:var(--content-bright-color);font-size:1.25rem}.templates-page__reset[data-v-eb4e91da]{font-size:var(--small-size);color:var(--primary-color);background:0 0;border:0;align-items:center;gap:.35rem;margin-left:.75rem;font-weight:650;display:inline-flex}.templates-page__grid[data-v-eb4e91da]{transition:opacity .2s var(--ease-out);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.25rem;display:grid}.templates-page__grid--loading[data-v-eb4e91da]{opacity:.6}.templates-page-grid-move[data-v-eb4e91da]{transition:transform .45s var(--ease-out)}.templates-page-grid-enter-active[data-v-eb4e91da]{transition:opacity .35s var(--ease-out), transform .35s var(--ease-out)}.templates-page-grid-leave-active[data-v-eb4e91da]{display:none}.templates-page-grid-enter-from[data-v-eb4e91da]{opacity:0;transform:scale(.96)}.templates-page__empty[data-v-eb4e91da]{border:1px dashed var(--border-strong-color);border-radius:var(--radius-xl);text-align:center;color:var(--content-dim-color);flex-direction:column;align-items:center;gap:.75rem;padding:4rem 1.5rem;display:flex}.templates-page__empty[data-v-eb4e91da]>.icon{color:var(--primary-color);font-size:2rem}.templates-page__prompt[data-v-eb4e91da]{border-radius:var(--radius-xl);border:var(--card-border);background:var(--card-color);box-shadow:var(--shadow-md);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.templates-page__prompt[data-v-eb4e91da]:focus-within{border-color:var(--primary-color)}.templates-page__prompt-input[data-v-eb4e91da]{resize:none;width:100%;font:inherit;color:var(--content-bright-color);background:0 0;border:0;outline:none;padding:.25rem;font-size:1.1rem}.templates-page__prompt-input[data-v-eb4e91da]::placeholder{color:var(--content-dark-color)}.templates-page__prompt-footer[data-v-eb4e91da]{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.templates-page__prompt-examples[data-v-eb4e91da]{flex-wrap:wrap;flex:1;gap:.4rem;display:flex}.templates-page__prompt-examples button[data-v-eb4e91da]{border-radius:var(--radius-chip);background:var(--container-low-color);font-size:var(--tiny-size);color:var(--content-normal-color);text-align:left;transition:background-color .2s var(--ease-out);border:0;padding:.35rem .75rem;font-weight:600}.templates-page__prompt-examples button[data-v-eb4e91da]:hover{background:var(--container-color)}@media (max-width:860px){.templates-page__browser[data-v-eb4e91da]{grid-template-columns:minmax(0,1fr)}.templates-page__sidebar[data-v-eb4e91da]{position:static}.templates-page__categories[data-v-eb4e91da]{flex-flow:wrap;gap:.4rem}.templates-page__category[data-v-eb4e91da]{border:1px solid var(--border-color);border-radius:var(--radius-chip);gap:.5rem;width:auto}}