.templates-page{padding:44px 72px 80px}.templates-head{justify-content:space-between;align-items:flex-end;display:flex}.templates-title{font:400 42px/1.05 var(--font-serif);letter-spacing:-.01em;margin:0}.templates-sub{font:400 15px/1 var(--font-sans);color:var(--muted);margin:12px 0 0}.templates-meta{font:500 13px/1 var(--font-sans);color:var(--muted);align-items:center;gap:10px;display:flex}.templates-meta-divider{background:var(--border);width:1px;height:14px}.templates-sort{cursor:pointer;color:var(--green-dark);font-weight:700}.templates-filters{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin:30px 0 26px;padding-bottom:26px;display:flex}.templates-toolbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.templates-toolbar-label{font:600 12px/1 var(--font-sans);color:var(--muted-2)}.templates-toolbar-divider{background:var(--border);width:1px;height:16px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.template-card{border:1px solid var(--border);background:var(--white);border-radius:16px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.template-card:hover{border-color:var(--green-border);transform:translateY(-4px);box-shadow:0 18px 36px #0c14101a}.template-preview{background:var(--surface-2);border-bottom:1px solid var(--border);height:300px;padding:22px;position:relative;overflow:hidden}.template-preview-sheet{background:var(--white);border-radius:6px;height:100%;padding:18px;box-shadow:0 6px 16px #0c141012}.tpl-two-col{grid-template-columns:1fr 1.6fr;gap:12px;height:100%;display:grid}.tpl-sidebar{border-radius:4px;padding:10px}.tpl-avatar{background:#0c14101f;border-radius:50%;width:26px;height:26px}.tpl-line-strong{background:#0c141038;border-radius:2px;width:80%;height:5px;margin-top:12px}.tpl-line{background:#0c14101f;border-radius:2px;height:4px;margin-top:7px}.tpl-main-name{background:var(--ink);border-radius:2px;width:70%;height:9px}.tpl-main-role{border-radius:2px;width:50%;height:5px;margin-top:7px}.tpl-main-rule{background:var(--border);height:1px;margin:12px 0}.tpl-main-line{background:var(--border-3);border-radius:2px;height:4px}.tpl-main-heading{background:var(--ink);opacity:.7;border-radius:2px;width:34%;height:6px;margin-top:16px}.tpl-one-col-head{background:var(--ink);border-radius:2px;width:56%;height:11px;display:inline-block}.tpl-one-col-role{border-radius:2px;width:38%;height:5px;margin:8px auto 0}.tpl-one-col-rule{opacity:.5;height:2px;margin:14px 0}.tpl-tag-row{gap:5px;margin-top:18px;display:flex}.tpl-tag-row span{border-radius:3px;height:12px}.template-overlay{opacity:0;background:#0c14108c;justify-content:center;align-items:center;gap:10px;transition:opacity .2s;display:flex;position:absolute;inset:0}.template-card:hover .template-overlay{opacity:1}.template-use-btn{background:var(--green);color:#fff;font:700 13px/1 var(--font-sans);cursor:pointer;border:0;border-radius:10px;padding:13px 18px}.template-preview-btn{color:#fff;font:600 13px/1 var(--font-sans);cursor:pointer;background:#ffffff29;border:1px solid #fff6;border-radius:10px;padding:13px 16px}.template-info{padding:16px 18px 18px}.template-info-row{justify-content:space-between;align-items:center;display:flex}.template-name{font:700 15px/1 var(--font-sans)}.template-pro-badge{color:#fff;font:700 9px/1 var(--font-sans);letter-spacing:.1em;background:#0c1410;border-radius:6px;padding:4px 8px}.template-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.template-tags span{background:var(--surface-3);font:600 11px/1 var(--font-sans);color:var(--muted);border-radius:6px;padding:5px 9px}.template-preview-sheet{padding:0;overflow:hidden}.tpl-pdf-screenshot{width:100%;height:auto;display:block}.template-full-preview{border:1px solid var(--border);width:min(100%,700px);margin:20px auto 0;display:block}.template-card:focus-within .template-overlay{opacity:1}.templates-sub{line-height:1.5}@media (width<=1100px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.templates-page{padding:28px}.templates-filters{flex-wrap:wrap}}@media (width<=780px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.templates-head{display:block}.templates-toolbar-right{flex-wrap:wrap;margin-left:0}}@media (width<=480px){.template-grid{grid-template-columns:1fr}.templates-page{padding:20px}}@media (hover:none){.template-overlay{opacity:1;padding:12px;inset:auto 0 0}}.template-sample-caption{font:400 11px/1.5 var(--font-sans);color:var(--muted);margin:12px 0 0}.template-preview-sheet{color:#142019;background:#fff}