.usetpl{display:grid;grid-gap:12px;gap:12px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.usetpl--compact{padding:12px 0 0;border:0;border-top:1px solid var(--border);border-radius:0;background:none}.usetpl__title{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}.usetpl__actions{display:flex;flex-wrap:wrap;gap:8px}.usetpl__btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-elevated);color:var(--text);font:inherit;font-size:14px;font-weight:550;cursor:pointer}.usetpl__btn:hover:not(:disabled){border-color:var(--text-muted)}.usetpl__btn:disabled{opacity:.55;cursor:default}.usetpl__btn:focus-visible,.usetpl__copy:focus-visible,.usetpl__tabs button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.usetpl__btn--ghost{background:none}.usetpl__btn.is-on{background:var(--inverse);color:var(--inverse-text);border-color:var(--inverse)}.usetpl__msg{margin:0;padding:10px 12px;border-radius:10px;background:var(--surface-2);font-size:14px;line-height:1.5}.usetpl__msg--warn{border-left:3px solid var(--ember)}.usetpl__cmd{display:grid;grid-gap:8px;gap:8px}.usetpl__hint{margin:0;color:var(--text-muted);font-size:13.5px;line-height:1.5}.usetpl__cmdrow{display:flex;align-items:stretch;gap:6px;min-width:0}.usetpl__code{flex:1 1;min-width:0;padding:10px 12px;border-radius:10px;background:var(--surface-2);font-family:var(--font-mono,ui-monospace,monospace);font-size:13px;line-height:1.5;overflow-x:auto;white-space:nowrap;-webkit-user-select:all;-moz-user-select:all;user-select:all}.usetpl__copy{display:inline-grid;place-items:center;width:44px;flex:none;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-elevated);color:var(--text);cursor:pointer}.usetpl__deploy{display:grid;grid-gap:10px;gap:10px;padding:14px;border-radius:12px;background:var(--surface-2)}.usetpl__tabs{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:var(--bg-elevated);justify-self:start}.usetpl__tabs button{min-height:36px;padding:0 14px;border:0;border-radius:999px;background:none;color:var(--text-muted);font:inherit;font-size:14px;font-weight:550;cursor:pointer}.usetpl__tabs button.is-on{background:var(--inverse);color:var(--inverse-text)}.usetpl__steps{margin:0;padding-left:20px;display:grid;grid-gap:6px;gap:6px;font-size:14.5px;line-height:1.55}.usetpl__hint code,.usetpl__steps code{font-size:12.5px;padding:1px 5px;border-radius:5px;background:var(--bg-elevated)}@media (max-width:639px){.usetpl__btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px);justify-content:center;padding:0 10px}}.usetpl__short{display:none}@media (max-width:639px){.usetpl__long{display:none}.usetpl__short{display:inline}.usetpl__btn{white-space:nowrap}}.usetpl__partner{display:grid;grid-gap:10px;gap:10px}.usetpl__guide{margin:4px 0 6px;font-weight:600;font-size:14.5px}.usetpl__plink{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}.usetpl__plink .usetpl__btn{text-decoration:none}.usetpl__badge{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid var(--border-strong);border-radius:999px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}