.tpl{--tpl-line:#ffffff17;--tpl-dim:#8d8d99;--tpl-ink:#f4f4f6;--tpl-surface:#060607;grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:44px;max-width:1520px;margin:0 auto;padding:18px 26px 90px;display:grid}@media (max-width:1099px){.tpl{grid-template-columns:minmax(0,1fr);gap:52px}}@media (max-width:767px){.tpl{padding:10px 16px 64px}}.tpl-actions{align-items:center;gap:10px;margin-bottom:16px;display:flex}.tpl-act{border:1px solid var(--tpl-line);min-width:42px;height:42px;color:var(--tpl-ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.tpl-act:hover{background:#ffffff0f;border-color:#fff3}.tpl-act[aria-pressed=true]{background:var(--tpl-ink);border-color:var(--tpl-ink);color:#08080a}.tpl-act svg{flex:none;width:17px;height:17px;display:block}.tpl-act--icon{width:42px;padding:0}.tpl-spacer{flex:1}.tpl-hero{aspect-ratio:16/10;border:1px solid var(--tpl-line);background:#010100;border-radius:16px;position:relative;overflow:hidden}.tpl-hero-mark{letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1;mix-blend-mode:overlay;font-size:17px;font-weight:800;position:absolute;bottom:22px;left:26px;right:26px}.tpl-head{margin-top:26px}.tpl-title{letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(34px,4.4vw,58px);font-weight:800;line-height:.94}.tpl-sub{color:var(--tpl-dim);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:15px;display:flex}.tpl-dot{opacity:.6;background:currentColor;border-radius:999px;width:3px;height:3px}.tpl-desc{color:#cfd2da;max-width:62ch;margin:18px 0 0;font-size:17px;line-height:1.55}.tpl-chips{flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px;display:flex}.tpl-chip{border:1px solid var(--tpl-line);height:36px;color:var(--tpl-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 15px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.tpl-chip:hover{color:var(--tpl-ink);background:#ffffff0f;border-color:#fff3}.tpl-swatch{border:1px solid #ffffff40;border-radius:999px;flex:none;width:13px;height:13px}.tpl-demo{text-underline-offset:4px;color:var(--tpl-dim);margin-left:auto;font-size:14px;text-decoration:underline}.tpl-demo:hover{color:var(--tpl-ink)}.tpl-prompt{margin-top:40px}.tpl-prompt-head{align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.tpl-prompt-label{letter-spacing:.16em;text-transform:uppercase;color:var(--tpl-dim);font-size:12px;font-weight:700}.tpl-tabs{gap:8px;margin-left:auto;display:flex}.tpl-tab{border:1px solid var(--tpl-line);height:34px;color:var(--tpl-dim);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:500}.tpl-tab[aria-selected=true]{background:var(--tpl-ink);border-color:var(--tpl-ink);color:#08080a;font-weight:600}.tpl-surface{border:1px solid var(--tpl-line);background:var(--tpl-surface);border-radius:14px;position:relative;overflow:hidden}.tpl-pre{color:#d7dae1;white-space:pre-wrap;word-break:break-word;min-height:15em;max-height:19.5em;margin:0;padding:22px 24px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.625;overflow-y:auto}.tpl-surface:after{content:"";pointer-events:none;background:linear-gradient(180deg, #06060700, var(--tpl-surface));border-radius:0 0 13px 13px;height:56px;position:absolute;bottom:1px;left:1px;right:1px}.tpl-surface--short:after{display:none}.tpl-prompt-foot{flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;display:flex}.tpl-copy{background:var(--tpl-ink);color:#08080a;height:50px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 28px;font-size:16px;font-weight:700;transition:transform .15s cubic-bezier(.2,.7,.3,1),background .15s;display:inline-flex}.tpl-copy:hover{background:#fff}.tpl-copy:active{transform:translateY(1px)}.tpl-copy:disabled{opacity:.55;cursor:default}.tpl-meta-note{color:var(--tpl-dim);font-size:14px;line-height:1.5}.tpl-gate{position:relative}.tpl-gate .tpl-pre{filter:blur(7px);-webkit-user-select:none;user-select:none;pointer-events:none}.tpl-gate-overlay{z-index:2;text-align:center;-webkit-backdrop-filter:blur(2px);background:#0101009e;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:28px;display:flex;position:absolute;inset:0}.tpl-gate-overlay p{color:#e4e6ec;max-width:34ch;margin:0;font-size:15.5px;line-height:1.55}.tpl-gate-cta{background:var(--tpl-ink);color:#08080a;border-radius:999px;align-items:center;gap:9px;height:46px;padding:0 24px;font-size:15px;font-weight:700;display:inline-flex}.tpl-gate-cta:hover{color:#08080a;background:#fff}@keyframes tpl-pulse{0%,to{opacity:.35}50%{opacity:.6}}.tpl-skel{background:#ffffff14;border-radius:8px;animation:1.4s ease-in-out infinite tpl-pulse}.tpl-skel-line{height:.9em;margin-bottom:.72em}.tpl-related-title{letter-spacing:.16em;text-transform:uppercase;color:var(--tpl-dim);margin:0 0 18px;font-size:12px;font-weight:700}.tpl-related{flex-direction:column;gap:26px;display:flex}@media (max-width:1099px){.tpl-related{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px 24px;display:grid}}.tpl-toast{z-index:200;background:var(--tpl-ink);color:#08080a;border-radius:999px;align-items:center;gap:10px;height:46px;padding:0 22px;font-size:15px;font-weight:600;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #00000080}@media (prefers-reduced-motion:reduce){.tpl *{transition:none!important;animation:none!important}}