.tpl-surface{--tpl-violet:#6e56f7;--tpl-violet-light:#9f8cff;--tpl-coral:#ff7a59;--tpl-ink:#0f1124;--tpl-slate:#4a4d6b;--tpl-mist:#9ca0bc;--tpl-edge:#e5e7f2;--tpl-cloud:#f7f8fc;--tpl-paper:#fff;--tpl-radius-default:10px;--tpl-radius-medium:14px;--tpl-radius-full:9999px;--tpl-shadow-sm:0 1px 2px #0f11240f;--tpl-shadow-md:0 4px 12px #0f112414;--tpl-shadow-lg:0 12px 32px #0f11241a;--tpl-ease:cubic-bezier(.16, 1, .3, 1);--tpl-grad:linear-gradient(135deg, #6e56f7 0%, #ff7a59 100%)}.tpl-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.tpl-card{background:var(--tpl-paper);border:1.5px solid var(--tpl-edge);border-radius:var(--tpl-radius-medium);box-shadow:var(--tpl-shadow-sm);transition:transform .22s var(--tpl-ease), box-shadow .22s var(--tpl-ease), border-color .22s;flex-direction:column;display:flex;overflow:hidden}.tpl-card:hover{box-shadow:var(--tpl-shadow-lg);border-color:#6e56f74d;transform:translateY(-3px)}.tpl-shot{aspect-ratio:4/3;border-bottom:1px solid var(--tpl-edge);text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff;border-top:none;border-left:none;border-right:none;padding:0;display:block;position:relative;overflow:hidden;container-type:inline-size}.tpl-open{z-index:5;opacity:0;transition:opacity .2s var(--tpl-ease);background:#0f112433;place-items:center;display:grid;position:absolute;inset:0}.tpl-card:hover .tpl-open,.tpl-shot:focus-visible .tpl-open{opacity:1}.tpl-open span{border-radius:var(--tpl-radius-default);height:38px;font-family:var(--font-heading,"Geist", system-ui, sans-serif);color:var(--tpl-ink);box-shadow:var(--tpl-shadow-md);background:#fff;align-items:center;gap:7px;padding:0 18px;font-size:13.5px;font-weight:600;display:inline-flex}.tpl-open svg{width:14px;height:14px;color:var(--tpl-violet);display:block}.tpl-card-body{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.tpl-card-name{font-family:var(--font-heading,"Geist", system-ui, sans-serif);letter-spacing:-.02em;margin:0;font-size:15.5px;font-weight:600;line-height:1.3}.tpl-card-desc{color:var(--tpl-slate);margin:6px 0 0;font-size:13px;line-height:1.5}.tpl-open .tpl-acts{height:auto;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;align-items:stretch;gap:8px;padding:0;display:inline-flex}.tpl-act{border-radius:var(--tpl-radius-default);height:38px;font-family:var(--font-heading,"Geist", system-ui, sans-serif);color:var(--tpl-ink);white-space:nowrap;cursor:pointer;box-shadow:var(--tpl-shadow-md);transition:transform .16s var(--tpl-ease);background:#fff;border:0;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.tpl-act:hover{transform:translateY(-1px)}.tpl-act svg{width:14px;height:14px;color:var(--tpl-violet);display:block}.tpl-act[disabled]{opacity:.7;cursor:progress;transform:none}.tpl-act-ghost{color:var(--tpl-slate);box-shadow:var(--tpl-shadow-sm);background:#ffffffeb}.tpl-act-ghost:hover{color:var(--tpl-ink)}.tpl-card.soon{background:linear-gradient(#fff,#fafbfd)}.tpl-card.soon .tpl-shot{background:var(--tpl-cloud);cursor:default}.tpl-card.soon .tpl-tn{filter:grayscale();opacity:.34}.tpl-card.soon:hover{border-color:var(--tpl-edge);box-shadow:var(--tpl-shadow-sm);transform:none}.tpl-card.soon .tpl-open{display:none}.tpl-card.soon .tpl-card-name{color:var(--tpl-slate)}.tpl-lock{z-index:4;place-items:center;display:grid;position:absolute;inset:0}.tpl-lock span{border-radius:var(--tpl-radius-full);height:30px;box-shadow:var(--tpl-shadow-md);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.13em;text-transform:uppercase;color:var(--tpl-slate);background:#fffffff0;align-items:center;gap:7px;padding:0 14px;font-size:9.5px;font-weight:500;display:inline-flex}.tpl-lock svg{width:12px;height:12px;color:var(--tpl-mist);display:block}.tpl-card.locked .tpl-open{background:#0f112447}.tpl-card.locked .tpl-open span{background:var(--tpl-grad);color:#fff}.tpl-card.locked .tpl-open svg{color:#fff}.tpl-shot[aria-busy=true] .tpl-open{opacity:1}.tpl-shot[disabled]{cursor:progress}@media (max-width:1024px){.tpl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.tpl-grid{grid-template-columns:1fr}}