.template-library{width:100%;max-width:80rem;margin:0 auto;padding:64px 24px;color:var(--app-text)}.template-library-header{text-align:center;margin-bottom:64px}.template-library-tabs{display:inline-flex;align-items:center;padding:4px;border:1px solid var(--app-border);border-radius:9999px;background:var(--app-surface);box-shadow:0 1px 2px #0000000d}.template-library-tabs a{padding:8px 16px;border-radius:9999px;font-size:.875rem;font-weight:700;color:var(--app-text-secondary)}.template-library-tabs a:hover{color:var(--app-accent)}.template-library-tabs a[aria-current=page]{color:var(--app-on-primary);background:var(--color-brand-primary)}.template-library-kicker{margin-top:24px;color:var(--app-accent);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}.template-library-header h1{margin:16px 0;color:var(--app-text);font-size:2.25rem;line-height:1.11;font-weight:700}.template-library-description{max-width:42rem;margin:0 auto;color:var(--app-text-secondary);font-size:1.125rem;line-height:1.55}.template-library-grid{display:grid;grid-template-columns:minmax(0,1fr);justify-content:center;gap:32px;padding:0 16px}.template-library-card{position:relative;border:4px solid transparent;border-radius:12px;background:var(--app-surface);overflow:hidden;cursor:pointer;box-shadow:0 1px 3px #00000012;transition:box-shadow .2s,border-color .2s}.template-library-card:hover{box-shadow:var(--app-shadow)}.template-library-card.is-selected{border-color:var(--app-accent)}.template-library-preview{height:400px;position:relative;overflow:hidden;background:var(--app-surface-soft)}.template-library-preview picture{display:block;width:100%;height:100%}.template-library-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;filter:none;background:#fff;transition:transform .7s}.template-library-card:hover .template-library-preview img{transform:scale(1.05)}.template-library-badges{position:absolute;display:flex;flex-wrap:wrap;gap:5px;top:16px;left:16px;right:16px;pointer-events:none;z-index:2}.template-library-badges>span{display:inline-flex;align-items:center;gap:4px;border-radius:9999px;padding:4px 12px;background:var(--color-brand-primary);color:var(--app-on-primary);font-size:.75rem;font-weight:700;box-shadow:0 1px 2px #0000000d}.template-library-badges>:is(.template-library-popular,.template-library-beta){margin-left:auto}.template-library-badges>.template-library-beta{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.template-library-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--color-brand-primary) 90%,transparent);opacity:0;transition:opacity .2s}.template-library-card:not(.is-selected):hover .template-library-overlay,.template-library-overlay:focus-within{opacity:1}.template-library-overlay button{border-radius:9999px;padding:12px 32px;background:var(--app-surface);color:var(--app-accent);font-weight:700;box-shadow:var(--app-shadow);cursor:pointer}.template-library-card-copy{padding:24px}.template-library-card-copy h2{margin-bottom:8px;font-size:1.25rem;line-height:1.4;font-weight:700;color:var(--app-text)}.template-library-card:is(:hover,.is-selected) h2{color:var(--app-accent)}.template-library-card-copy>p{color:var(--app-text-secondary);font-size:.875rem;line-height:1.5}.template-library-card-actions>a{display:inline-flex;margin-top:16px;color:var(--app-accent);font-size:.875rem;font-weight:900}.template-library-card-copy>.template-library-beta-note{margin-top:12px;padding:8px 12px;border-radius:8px;color:#92400e;background:#fffbeb;font-size:.75rem;font-weight:600}.template-hub{color:var(--app-text)}.template-hub-default{background:var(--app-surface-soft);border-color:var(--app-border)}.template-hub-label,.template-hub-value{color:var(--app-accent)}.template-hub-card{border-color:var(--app-border);background:var(--app-surface)}.template-hub-card-header{border-color:var(--app-border);background:var(--app-surface-soft)}.template-hub-preview{border-color:var(--app-border);background:#fff}.template-hub-preview img{background:#fff;filter:none}.template-detail-themed .template-detail-art{background:var(--app-surface-soft);border-color:var(--app-border)}.template-detail-themed .template-detail-paper{background:#fff!important}.template-detail-themed .template-detail-paper img{filter:none}.template-detail-themed main :is(h1,h2,h3,[class~=text-gray-900],[class~=text-gray-800]){color:var(--app-text)}.template-detail-themed main :is([class~=text-gray-500],[class~=text-gray-600],[class~=text-gray-700]){color:var(--app-text-secondary)}.template-detail-themed main [class~=bg-white]:not(.template-detail-paper){background-color:var(--app-surface)}.template-detail-themed main>section:last-child{background:var(--color-brand-primary);color:var(--app-on-primary)}.template-detail-themed main>section:last-child h2{color:var(--app-on-primary)}@media(min-width:768px){.template-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.template-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(hover:none){.template-library-overlay{opacity:1;background:transparent;align-items:flex-end}}@media(prefers-reduced-motion:reduce){.template-library-preview img,.template-library-overlay{transition:none}.template-library-card:hover .template-library-preview img{transform:none}}