.template-list-page{min-height:100vh}.template-list-page--detail{background:#ffffff}.template-list-hero{padding:54px 0 24px;border-bottom:1px solid var(--color-border)}.template-list-hero__copy{max-width:720px;padding:32px 0 12px}.template-list-hero h1{margin:0;color:var(--color-charcoal);font-size:42px;line-height:1.18;font-weight:var(--weight-bold);letter-spacing:0}.template-list-hero p{margin:14px 0 0;color:var(--color-muted);font-size:17px;line-height:1.62}.template-list-section{padding:16px 0 72px}.template-list-section--detail{padding:0 0 82px}.template-list-filter{display:flex;flex-wrap:wrap;gap:10px;padding:6px 0 18px}.template-list-filter .category-chip{display:inline-flex;align-items:center;justify-content:center}.template-list-summary{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:8px 0 22px}.template-list-summary h2{margin:0;color:var(--color-text);font-size:24px;line-height:1.25;font-weight:var(--weight-bold)}.template-list-summary span{color:var(--color-soft);font-size:14px;font-weight:var(--weight-semibold)}.template-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.template-list-grid .template-card{min-width:0}.template-catalog-layout{display:grid;grid-template-columns:116px minmax(0,1fr) 132px;gap:28px;align-items:start}.template-side-nav,.template-side-rail{width:116px;display:grid;align-content:start;gap:0}.template-side-nav{padding-top:33px}.template-side-nav a{width:116px;min-height:32px;display:flex;align-items:center;justify-content:flex-start;color:#1f1f1f;font-size:15px;line-height:1;font-weight:500;letter-spacing:0;white-space:nowrap}.template-side-nav a.is-active{font-weight:700}.template-catalog-recent{width:132px;padding-top:33px}.template-recent-side{width:132px;display:grid;gap:10px;padding-top:0}.template-recent-side h2{margin:0;color:#505050;font-size:13px;line-height:17px;font-weight:700}.template-recent-side>div{display:grid;gap:10px}.template-recent-side__card{display:grid;gap:6px;padding:6px;border:1px solid #f1f1f1;background:#ffffff}.template-recent-side__media{width:100%;aspect-ratio:16/10;background-size:cover;background-position:50%;background-color:#eeeeee}.template-recent-side__title{overflow:hidden;color:#1f1f1f;font-size:12px;line-height:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.template-recent-side__price{color:#ff683d;font-size:12px;line-height:15px;font-weight:700}.template-catalog-content{min-width:0;padding-top:22px}.template-catalog-toolbar{min-height:36px;display:flex;align-items:flex-start;justify-content:flex-start;gap:28px;padding-left:0}.template-subcategory-tabs{min-width:0;display:flex;align-items:center;gap:18px;min-height:36px;overflow-x:auto;padding-top:0;scrollbar-width:none}.template-subcategory-tabs::-webkit-scrollbar{display:none}.template-subcategory-tabs a{flex:0 0 auto;color:#777777;font-size:13px;line-height:1.2;font-weight:500;letter-spacing:0;white-space:nowrap}.template-subcategory-tabs a.is-active{color:#303030;font-weight:600}.template-sort-menu{position:relative;z-index:8;flex:0 0 112px;width:112px;color:#505050;font-size:14px;line-height:1;font-weight:500}.template-sort-menu summary{width:112px;height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;color:#505050;cursor:pointer;list-style:none}.template-sort-menu summary::-webkit-details-marker{display:none}.template-sort-menu summary svg{width:14px;height:14px;color:#505050;transition:transform .16s ease}.template-sort-menu[open] summary{border:1px solid #f1f1f1;border-bottom-color:transparent;background:#ffffff}.template-sort-menu[open] summary svg{transform:rotate(180deg)}.template-sort-menu__panel{position:absolute;top:36px;right:0;width:112px;overflow:hidden;border:1px solid #f1f1f1;border-top:0;border-radius:0 0 5px 5px;background:#ffffff;box-shadow:0 12px 22px rgba(31,31,31,.04)}.template-sort-menu__panel a{height:49px;display:flex;align-items:center;padding:0 12px;color:#9a9a9a;font-size:14px;line-height:1;font-weight:500;letter-spacing:0}.template-sort-menu__panel a.is-active{background:#e3e3e3;color:#505050}.template-sort-menu__panel a:focus-visible,.template-sort-menu__panel a:hover{background:#f3f3f3;color:#505050}.template-catalog-content .template-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 15px}.template-catalog-content .template-card{padding:0}.template-catalog-content .template-card:hover{border-color:transparent;box-shadow:none}.template-list-page--detail .template-card__badge{display:none}.template-empty-state{min-height:310px;display:grid;place-items:center;gap:12px;padding:42px 20px;border:1px dashed var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-warm);text-align:center}.template-empty-state h2{margin:0;color:var(--color-text);font-size:22px;line-height:1.3;font-weight:var(--weight-bold)}.template-empty-state p{margin:0 0 8px;color:var(--color-muted);font-size:15px;line-height:1.65}@media (max-width:860px){.template-catalog-layout{grid-template-columns:1fr;gap:20px}.template-side-rail{width:100%;gap:14px}.template-side-nav{width:100%;display:flex;gap:18px;overflow-x:auto;padding-top:14px;scrollbar-width:none}.template-side-nav::-webkit-scrollbar{display:none}.template-side-nav a{flex:0 0 auto}.template-catalog-recent{display:none}.template-catalog-content{padding-top:0}.template-catalog-toolbar{min-height:44px;align-items:flex-start}.template-catalog-content .template-list-grid,.template-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-list-grid{gap:18px}}@media (max-width:760px){.template-list-hero{padding:26px 0 8px}.template-list-hero__copy{padding:18px 0 8px}.template-list-hero h1{font-size:28px}.template-list-hero p{font-size:14px}.template-list-section{padding:12px 0 48px}.template-list-section--detail{padding-top:0}.template-list-filter{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:4px 16px 16px;scrollbar-width:none}.template-list-filter::-webkit-scrollbar{display:none}.template-list-summary{align-items:start;margin-bottom:16px}.template-list-summary h2{font-size:20px}.template-list-grid{gap:16px}.template-catalog-content .template-list-grid,.template-list-grid{grid-template-columns:minmax(0,1fr)}.template-empty-state{min-height:260px}}.template-list-page--detail{background:#fbfbfa}.template-catalog-intro{padding:42px 0 22px}.template-list-page--detail .container{width:min(1200px,calc(100% - 48px));max-width:1200px}.template-catalog-intro span{color:#ff5a1f;font-size:11px;font-weight:800;letter-spacing:.12em}.template-catalog-intro h1{margin:8px 0 6px;color:#171717;font-size:clamp(24px,2.5vw,28px);line-height:1.25;font-weight:700;letter-spacing:-.02em}.template-catalog-intro p{margin:0;color:#78716c;font-size:14px}.template-list-page--detail .template-catalog-layout{grid-template-columns:150px minmax(0,1fr) 150px;gap:24px}.template-list-page--detail .template-side-nav,.template-list-page--detail .template-side-rail{width:150px}.template-list-page--detail .template-side-nav{gap:4px;padding:10px;border:1px solid #e7e5e4;border-radius:22px;background:#fff;box-shadow:0 14px 30px rgba(41,37,36,.05)}.template-list-page--detail .template-side-nav a{width:100%;min-height:38px;padding:0 12px;border-radius:12px;color:#78716c;font-size:13px;font-weight:700;transition:all .14s ease}.template-list-page--detail .template-side-nav a:hover{color:#171717;background:#fbfbfa}.template-list-page--detail .template-side-nav a.is-active{color:#ff5a1f;background:#fff4ef;font-weight:700}.template-list-page--detail .template-catalog-content{padding-top:0}.template-list-page--detail .template-catalog-toolbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:8px 12px 8px 16px;border:1px solid #e7e5e4;border-radius:18px;background:#fff}.template-list-page--detail .template-subcategory-tabs{display:flex;align-items:center;gap:18px}.template-list-page--detail .template-subcategory-tabs a{position:relative;padding:9px 1px;color:#a8a29e;font-weight:600;font-size:13px}.template-list-page--detail .template-subcategory-tabs a:hover{color:#44403c}.template-list-page--detail .template-subcategory-tabs a.is-active{color:#171717;font-weight:700}.template-list-page--detail .template-subcategory-tabs a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:#ff5a1f}.template-list-page--detail .template-sort-menu{margin-left:auto;flex:0 0 auto}.template-list-page--detail .template-sort-menu summary{border:1px solid #e7e5e4;border-radius:12px;background:#fafaf9;font-size:13px;font-weight:600;transition:border-color .14s ease}.template-list-page--detail .template-sort-menu summary:hover{border-color:#d6d3d1}.template-list-page--detail .template-sort-menu__panel{margin-top:5px;border:1px solid #e7e5e4;border-radius:14px;box-shadow:0 16px 34px rgba(41,37,36,.12)}.template-list-page--detail .template-sort-menu__panel a.is-active{color:#ff5a1f;background:#fff4ef;font-weight:600}.template-list-page--detail .template-catalog-content .template-list-grid{gap:22px}.template-list-page--detail .template-card{overflow:hidden;border:1px solid #e7e5e4;border-radius:26px;background:#fff;box-shadow:0 15px 32px rgba(41,37,36,.055);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.template-list-page--detail .template-card:hover{border-color:#ffd8cc;box-shadow:0 20px 40px rgba(41,37,36,.09);transform:translateY(-2px)}.template-list-page--detail .template-card__body{padding:17px}.template-list-page--detail .template-card__create-preview{color:#ffffff;border-color:#ff5a1f;background:#ff5a1f;font-weight:700;box-shadow:0 2px 8px rgba(255,90,31,.25);transition:background-color .14s ease,transform .14s ease}.template-list-page--detail .template-card__create-preview:hover{background:#e64d15;transform:translateY(-1px)}.template-list-page--detail .template-catalog-recent{width:150px;padding-top:0}.template-list-page--detail .template-recent-side{width:150px;padding:14px;border:1px solid #e7e5e4;border-radius:22px;background:#fff;box-shadow:0 14px 30px rgba(41,37,36,.05)}.template-list-page--detail .template-recent-side__card{border-color:#e7e5e4;border-radius:13px}.template-list-page--detail a:focus-visible,.template-list-page--detail button:focus-visible,.template-list-page--detail summary:focus-visible{outline:3px solid #171717;outline-offset:3px}@media (max-width:1100px){.template-list-page--detail .template-catalog-layout{grid-template-columns:132px minmax(0,1fr)}.template-list-page--detail .template-catalog-recent{display:none}}@media (max-width:860px){.template-catalog-intro{padding-top:26px}.template-list-page--detail .template-catalog-layout{grid-template-columns:1fr}.template-list-page--detail .template-side-nav,.template-list-page--detail .template-side-rail{width:100%}.template-list-page--detail .template-side-nav{display:flex;gap:5px;overflow-x:auto}.template-list-page--detail .template-side-nav a{width:auto}}@media (max-width:640px){.template-catalog-intro h1{font-size:31px}.template-list-page--detail .template-catalog-toolbar{align-items:stretch;flex-direction:column;gap:6px;padding:10px}.template-list-page--detail .template-sort-menu,.template-list-page--detail .template-sort-menu summary{width:100%}.template-list-page--detail .template-sort-menu{flex:0 0 auto}.template-list-page--detail .template-sort-menu__panel{left:0;right:auto;width:100%}}@media (prefers-reduced-motion:reduce){.template-list-page--detail *,.template-list-page--detail :after,.template-list-page--detail :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}