.template-categories{display:flex;gap:12px;padding:24px 0;flex-wrap:wrap;justify-content:center}.template-categories .category-btn{padding:10px 20px;border:1px solid var(--m-line);border-radius:var(--m-r-pill);background:var(--m-surface);color:var(--m-muted);cursor:pointer;transition:.18s ease;font-size:15px}.template-categories .category-btn:hover{background:var(--m-brand-soft);border-color:var(--m-brand-300);color:var(--m-brand-strong)}.template-categories .category-btn.active{border-color:var(--m-brand-400);background:var(--m-brand-50);color:var(--m-brand-strong);font-weight:600}.empty-message{grid-column:1/-1;text-align:center;padding:64px 20px;color:var(--m-muted);font-size:16px}.template-list-fab-root{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:max(20px,env(safe-area-inset-bottom,0px));z-index:120;display:none;flex-direction:column-reverse;align-items:flex-end;gap:10px;pointer-events:none}.template-list-fab-root>*{pointer-events:auto}.template-list-fab-root.has-category-fab.is-mobile-fab,.template-list-fab-root.is-top-visible{display:flex}body:has(.template-list-fab-root.is-top-visible) .site-cs-fab-root{bottom:calc(88px + env(safe-area-inset-bottom, 0px))}body:has(.site-cs-chat) .template-list-fab-root{display:none}.template-list-fab{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border:1px solid var(--m-line-strong);border-radius:var(--m-r-pill);background:var(--m-surface);color:var(--m-ink);font-size:14px;font-weight:700;cursor:pointer;box-shadow:var(--m-shadow-2);backdrop-filter:blur(10px);transition:transform .18s ease,border-color .18s ease,background .18s ease}.template-list-fab:hover{transform:translateY(-2px);border-color:var(--m-brand-300)}.template-list-fab--category{display:none}.template-list-fab--category.is-active{border-color:var(--m-brand-400);background:var(--m-brand-soft);color:var(--m-brand-strong)}.template-list-fab--top.is-collapsed{display:none!important}.template-list-fab-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:var(--m-brand-50);color:var(--m-brand);font-size:13px;line-height:1}.template-list-fab-text{max-width:7.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list-fab-backdrop{display:none;position:fixed;inset:0;z-index:119;border:0;margin:0;padding:0;background:rgba(15,28,46,.5);cursor:pointer;pointer-events:auto}.template-list-fab-category-panel{display:none;position:relative;z-index:121;flex-direction:column;gap:8px;width:min(280px,calc(100vw - 28px));max-height:min(52vh,420px);overflow-y:auto;padding:14px;border:1px solid var(--m-line);border-radius:var(--m-r-lg);background:var(--m-surface);box-shadow:var(--m-shadow-3);-webkit-overflow-scrolling:touch;pointer-events:auto}.template-list-fab-category-panel.is-open{display:flex}.template-list-fab-category-title{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--m-faint)}.template-list-fab-category-item{width:100%;text-align:left;padding:12px 14px;border:1px solid var(--m-line);border-radius:var(--m-r);background:var(--m-surface);color:var(--m-text);font-size:15px;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.template-list-fab-category-item:hover{background:var(--m-brand-soft);border-color:var(--m-brand-200);color:var(--m-brand-strong)}.template-list-fab-category-item.active{border-color:var(--m-brand-400);background:var(--m-brand-50);color:var(--m-brand-strong)}.template-list-fab-root.is-top-only:not(.is-top-visible){display:none}@media (min-width:981px){.template-list-fab-root.is-top-only{bottom:max(28px,env(safe-area-inset-bottom,0px))}.template-list-fab--top .template-list-fab-text{max-width:none}.template-list-fab-root.has-category-fab:not(.is-top-visible){display:none}}@media (max-width:980px){.template-list-page .template-categories.template-categories--inline{display:none!important}.template-list-fab-root{bottom:max(16px,env(safe-area-inset-bottom,0px))}.template-list-fab-root.has-category-fab.is-mobile-fab,body.is-template-library-page .template-list-fab-root.has-category-fab{display:flex!important}.template-list-fab-root.has-category-fab .template-list-fab--category,body.is-template-library-page .template-list-fab-root.has-category-fab .template-list-fab--category{display:inline-flex!important}.template-list-fab-root.has-category-fab .template-list-fab-category-panel.is-open,body.is-template-library-page .template-list-fab-root.has-category-fab .template-list-fab-category-panel.is-open{display:flex!important}.template-list-fab-root.has-category-fab.is-category-open .template-list-fab-backdrop,body.is-template-library-page .template-list-fab-root.has-category-fab.is-category-open .template-list-fab-backdrop{display:block!important}}.friend-links{margin-top:var(--m-sec-y);padding:40px 0 44px;border-top:1px solid var(--m-line);background:var(--m-surface-soft);color:var(--m-text)}.friend-links--home{background:var(--m-surface)}.friend-links__title{margin:0 0 20px;font-size:var(--m-fs-h3);font-weight:600;line-height:1.3;color:var(--m-ink)}.friend-links__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:0;padding:0;list-style:none}.friend-links__item{min-width:0}.friend-links__link{display:flex;align-items:center;gap:8px;min-height:var(--m-tap,44px);padding:8px 12px;border:1px solid var(--m-line);border-radius:var(--m-r-sm);background:var(--m-surface);color:var(--m-text);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease}.friend-links__link:hover{border-color:var(--m-brand-300,var(--m-brand));box-shadow:var(--m-shadow-1);color:var(--m-brand-strong)}.friend-links__logo{flex:0 0 auto;width:28px;height:28px;border-radius:6px;-o-object-fit:contain;object-fit:contain;background:var(--m-surface-soft)}.friend-links__name{flex:1 1 auto;min-width:0;font-size:var(--m-fs-sm);font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-links__desc{display:none}@media (min-width:720px){.friend-links__link{align-items:flex-start;flex-wrap:wrap}.friend-links__desc{display:-webkit-box;flex:1 0 100%;min-width:0;font-size:var(--m-fs-xs);font-weight:400;line-height:1.5;color:var(--m-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}}@media (max-width:719px){.friend-links{padding:28px 0 32px}.friend-links__list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}}