.tpl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:clamp(0px,4vh,48px) 16px;overflow-y:auto}.tpl-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tpl-sheet{position:relative;width:100%;max-width:1120px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px #00000040;padding:28px clamp(20px,4vw,40px) 40px}.tpl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.tpl-title{margin:0;font-size:1.6rem;color:var(--ink)}.tpl-subtitle{margin:6px 0 0;color:var(--ink3);max-width:56ch}.tpl-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}.tpl-controls>:first-child{flex:1 1 260px}.tpl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.tpl-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.tpl-grid{grid-template-columns:1fr}}.tpl-card{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;padding:18px 18px 16px 22px;background:var(--card);border:1px solid var(--line);border-radius:12px;cursor:pointer;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .1s}.tpl-card:hover,.tpl-card:focus-visible{border-color:var(--line2);box-shadow:0 6px 18px #00000014;outline:none}.tpl-card-stripe{position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--tpl-accent, var(--teal))}.tpl-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tpl-card-name{margin:0;font-size:1.05rem;color:var(--ink)}.tpl-card-scope{margin:0;color:var(--ink2);font-size:.9rem;line-height:1.35}.tpl-card-meta{margin:2px 0 0;color:var(--ink3);font-size:.82rem}.tpl-card-family{align-self:flex-start;margin-top:2px;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink3)}.tpl-card-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px}.tpl-use-form{display:inline}.tpl-empty{color:var(--ink3);padding:32px 0;text-align:center}.tpl-preview{display:flex;flex-direction:column;gap:12px}.tpl-preview-stripe{height:5px;border-radius:3px;background:var(--tpl-accent, var(--teal))}.tpl-preview-scope{margin:0;color:var(--ink);font-size:1rem;line-height:1.4}.tpl-preview-meta{margin:0;color:var(--ink3);font-size:.85rem}.tpl-preview-h{margin:8px 0 0;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink3)}.tpl-preview-includes{margin:0;color:var(--ink2)}.tpl-preview-family{margin:0;color:var(--ink3);font-size:.8rem}