:root{--primary-color:#27a1ff;--btn-border:1px solid #1b1f2326;--btn-border-radius:8px;--input-border-radius:12px;--input-border-color:#e3e3e3;--input-bg-color:#f7f7f7;--border-width:1px;--border-color:#e7e7e7;--border-radius:10px;--border:var(--border-width)solid var(--border-color);--color-primary:#e7507e;--color-success:#16a34a;--color-info:#0ea5e9;--color-warning:#ffa230;--color-danger:#dc2626;--color-neutral:#6b7280;--color-accent:#8b5cf6;--color-primary-hover:#d34872}.TemplateDetailLayout-module-scss-module__uVy1Wa__template-detail{--ink:#16141a;--muted:#52525c;color:var(--ink);padding-bottom:24px}.TemplateDetailLayout-module-scss-module__uVy1Wa__hero{flex-direction:column-reverse;gap:28px;margin:12px 0 48px;padding:8px 0 40px;display:flex}@media (min-width:768px){.TemplateDetailLayout-module-scss-module__uVy1Wa__hero{gap:36px;margin-bottom:56px;padding-bottom:48px}}@media (min-width:1024px){.TemplateDetailLayout-module-scss-module__uVy1Wa__hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:56px;margin:20px 0 64px;padding:12px 0 56px;display:grid}}.TemplateDetailLayout-module-scss-module__uVy1Wa__copy{flex-direction:column;gap:14px;animation:.55s ease-out both TemplateDetailLayout-module-scss-module__uVy1Wa__fade-up;display:flex}@media (min-width:1024px){.TemplateDetailLayout-module-scss-module__uVy1Wa__copy{gap:16px;width:100%;max-width:none}}.TemplateDetailLayout-module-scss-module__uVy1Wa__category{margin:0;font-size:13px;font-weight:500}.TemplateDetailLayout-module-scss-module__uVy1Wa__category a{color:var(--muted);text-decoration:none}.TemplateDetailLayout-module-scss-module__uVy1Wa__category a:hover{color:var(--ink);text-decoration:underline}.TemplateDetailLayout-module-scss-module__uVy1Wa__title{letter-spacing:-.035em;color:var(--ink);margin:0;font-size:clamp(1.85rem,3.4vw,2.65rem);font-weight:700;line-height:1.12}.TemplateDetailLayout-module-scss-module__uVy1Wa__summary{max-width:54ch;color:var(--muted);margin:0;font-size:15px;line-height:1.55}@media (min-width:768px){.TemplateDetailLayout-module-scss-module__uVy1Wa__summary{font-size:16px}}.TemplateDetailLayout-module-scss-module__uVy1Wa__actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.TemplateDetailLayout-module-scss-module__uVy1Wa__btn-primary,.TemplateDetailLayout-module-scss-module__uVy1Wa__btn-secondary{border-radius:10px;justify-content:center;align-items:center;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.TemplateDetailLayout-module-scss-module__uVy1Wa__btn-primary{background:var(--color-primary,#e7507e);color:#fff;border:1px solid var(--color-primary,#e7507e)}.TemplateDetailLayout-module-scss-module__uVy1Wa__btn-primary:hover{background:var(--color-primary-hover,#d34872);border-color:var(--color-primary-hover,#d34872)}.TemplateDetailLayout-module-scss-module__uVy1Wa__btn-secondary{color:var(--ink);background:0 0;border:1px solid #d8d8d8}.TemplateDetailLayout-module-scss-module__uVy1Wa__btn-secondary:hover{background:#fafafa;border-color:#bdbdbd}.TemplateDetailLayout-module-scss-module__uVy1Wa__preview{background-color:#f7f7f737;background-position:0 0;background-size:8px 8px;border:1px solid #e8e8e8;border-radius:4px;justify-content:center;align-items:center;min-height:280px;padding:32px 24px;animation:.6s ease-out 60ms both TemplateDetailLayout-module-scss-module__uVy1Wa__fade-up;display:flex}@media (min-width:768px){.TemplateDetailLayout-module-scss-module__uVy1Wa__preview{min-height:340px;padding:40px}}@media (min-width:1024px){.TemplateDetailLayout-module-scss-module__uVy1Wa__preview{min-height:400px;padding:48px}}.TemplateDetailLayout-module-scss-module__uVy1Wa__preview img{object-fit:contain;width:min(100%,320px);height:auto;transition:transform .3s;display:block}@media (min-width:1024px){.TemplateDetailLayout-module-scss-module__uVy1Wa__preview img{width:min(100%,380px)}}.TemplateDetailLayout-module-scss-module__uVy1Wa__preview:hover img{transform:scale(1.02)}.TemplateDetailLayout-module-scss-module__uVy1Wa__related{margin-bottom:8px}.TemplateDetailLayout-module-scss-module__uVy1Wa__related h2{letter-spacing:-.02em;margin:0 0 4px;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700}.TemplateDetailLayout-module-scss-module__uVy1Wa__related-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px;margin-top:20px;display:grid}.TemplateDetailLayout-module-scss-module__uVy1Wa__related-list a{color:#222228;flex-direction:column;min-width:0;min-height:0;padding:0;text-decoration:none;display:flex;overflow:visible}.TemplateDetailLayout-module-scss-module__uVy1Wa__related-list a:hover{text-decoration:none}.TemplateDetailLayout-module-scss-module__uVy1Wa__related-list a:hover .TemplateDetailLayout-module-scss-module__uVy1Wa__thumb{background:#ececf1}.TemplateDetailLayout-module-scss-module__uVy1Wa__related-list a:hover img{transform:scale(1.025)}.TemplateDetailLayout-module-scss-module__uVy1Wa__related-list .TemplateDetailLayout-module-scss-module__uVy1Wa__thumb{aspect-ratio:1;box-sizing:border-box;background:#f2f2f5;border-radius:16px;flex:none;justify-content:center;align-items:center;width:100%;padding:13px;transition:background .18s;display:flex;overflow:hidden}.TemplateDetailLayout-module-scss-module__uVy1Wa__related-list .TemplateDetailLayout-module-scss-module__uVy1Wa__thumb img{object-fit:contain;border-radius:10px;width:100%;max-width:100%;height:auto;max-height:100%;transition:transform .18s}.TemplateDetailLayout-module-scss-module__uVy1Wa__related-list .TemplateDetailLayout-module-scss-module__uVy1Wa__related-name{text-overflow:ellipsis;white-space:nowrap;margin-top:10px;padding:0 3px;font-size:.72rem;font-weight:650;line-height:1.3;overflow:hidden}@media (min-width:768px){.TemplateDetailLayout-module-scss-module__uVy1Wa__related-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px}}@media (min-width:1024px){.TemplateDetailLayout-module-scss-module__uVy1Wa__related-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}}@media (min-width:1280px){.TemplateDetailLayout-module-scss-module__uVy1Wa__related-list{grid-template-columns:repeat(8,minmax(0,1fr));gap:20px}}@keyframes TemplateDetailLayout-module-scss-module__uVy1Wa__fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.TemplateDetailLayout-module-scss-module__uVy1Wa__copy,.TemplateDetailLayout-module-scss-module__uVy1Wa__preview{animation:none}.TemplateDetailLayout-module-scss-module__uVy1Wa__preview:hover img,.TemplateDetailLayout-module-scss-module__uVy1Wa__related-list a:hover img{transform:none}}