.templates-app{--fb-color-text:#18212b;--fb-color-muted:#637080;--fb-color-primary:#164e63;--fb-color-primary-hover:#155e75;--fb-color-focus:#1683a1;--fb-color-selected:#eff9fc;--fb-color-border:#dce3e8;--fb-color-field-border:#cbd4dc;--fb-color-surface:#fff;--fb-color-neutral-soft:#f4f6f8;--fb-radius-control:7px;--fb-radius-card:12px;--fb-radius-pill:9999px;color:var(--fb-color-text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.templates-app h1,.templates-app h2,.templates-app h3{color:var(--fb-color-text);letter-spacing:-.025em}.templates-app h1{font-weight:650}.templates-app h2,.templates-app h3{font-weight:600}.templates-app p{color:var(--fb-color-muted)}.templates-app a{text-underline-offset:3px}.templates-app :is(a,button,input,summary):focus-visible{outline:2px solid var(--fb-color-focus);outline-offset:3px}.templates-app :is(button,input){font-family:inherit}.templates-app :is(button,input[type=search]){border-radius:var(--fb-radius-control)}.templates-app input[type=search]{border-color:var(--fb-color-field-border);color:var(--fb-color-text)}.templates-app input[type=checkbox]{accent-color:var(--fb-color-primary)}.templates-app .template-app-eyebrow,.templates-app .template-app-link{color:var(--fb-color-primary)}.templates-app .template-app-surface{background:var(--fb-color-neutral-soft)}.templates-app .template-app-choice{border-color:var(--fb-color-border);background:var(--fb-color-surface);color:var(--fb-color-text);border-radius:9px;font-weight:600}.templates-app .template-app-choice:hover{border-color:var(--fb-color-focus);background:var(--fb-color-selected)}.templates-app .template-app-panel{border-color:var(--fb-color-border);border-radius:var(--fb-radius-card);background:var(--fb-color-surface);box-shadow:0 1px 3px #18212b0d}.templates-app .template-app-badge{border-radius:var(--fb-radius-pill);background:var(--fb-color-neutral-soft);color:#475569;letter-spacing:0;font-weight:600}.templates-app .template-app-badge.selection{background:var(--fb-color-selected);color:#17627c}.templates-app .template-app-badge.demo{color:#17633c;background:#e8f6ec}.templates-app .template-app-kind{background:var(--fb-color-selected);color:var(--fb-color-primary);letter-spacing:.04em;text-transform:uppercase;border:1px solid #b7dce6}.templates-app .template-app-button{border:1px solid var(--fb-color-primary);border-radius:var(--fb-radius-control);background:var(--fb-color-primary);color:#fff;box-shadow:none;font-weight:550}.templates-app .template-app-button:hover{background:var(--fb-color-primary-hover);border-color:var(--fb-color-primary-hover)}.templates-app .template-app-demo-pending{border-color:var(--fb-color-border);background:var(--fb-color-neutral-soft);color:var(--fb-color-muted);font-weight:550}.templates-app [data-template-card]{transition:border-color .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s cubic-bezier(.2,.7,.2,1),transform .22s cubic-bezier(.2,.7,.2,1)}.templates-app [data-template-card]:is(:hover,:focus-within){border-color:#afc7d1;transform:translateY(-2px);box-shadow:0 8px 22px #18212b1a}.templates-app [data-template-card]:active{transform:translateY(0)}.templates-app [data-template-card] img{transition:none}.templates-app [data-template-card]:hover img{transform:none}.templates-app [data-facet]:checked+span{color:var(--fb-color-primary);font-weight:600}.templates-app [data-media-thumbnail][aria-pressed=true]{border-color:var(--fb-color-focus);background:var(--fb-color-selected)}@media (width>=1024px){.templates-app [data-template-filters-scroll]{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--fb-color-focus) 55%, transparent) transparent}@supports not (scrollbar-width:thin){.templates-app [data-template-filters-scroll]::-webkit-scrollbar{width:6px}.templates-app [data-template-filters-scroll]::-webkit-scrollbar-track{background:0 0}.templates-app [data-template-filters-scroll]::-webkit-scrollbar-thumb{border-radius:var(--fb-radius-pill);background:color-mix(in srgb, var(--fb-color-focus) 55%, transparent)}}}@media (forced-colors:active){.templates-app [data-template-filters-scroll]{scrollbar-width:auto;scrollbar-color:auto}}.templates-app .template-app-page-button{border:1px solid var(--fb-color-border);border-radius:var(--fb-radius-control);background:var(--fb-color-surface);min-height:44px;color:var(--fb-color-primary);cursor:pointer;padding:.625rem 1rem;font-weight:600}.templates-app .template-app-page-button:enabled:hover{background:var(--fb-color-selected)}.templates-app .template-app-page-button:focus-visible{outline:2px solid var(--fb-color-focus);outline-offset:2px}.templates-app .template-app-page-button:disabled{color:var(--fb-color-muted);cursor:default}@media (prefers-reduced-motion:reduce){.templates-app *,.templates-app :before,.templates-app :after{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important}.templates-app [data-template-card]:is(:hover,:focus-within,:active){transform:none}}