.tp{border:1px solid var(--border);background:var(--panel);grid-template-columns:1fr;gap:16px;padding:16px;display:grid}@media (min-width:900px){.tp{grid-template-columns:1.1fr 1fr}}.tp-stage{border:1px dashed var(--border);background:var(--background);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:340px;padding:32px 16px;display:flex}.tp-stage .hstack,.tp-stage .vstack{flex-wrap:wrap}.tp-editor{border:1px solid var(--border);background:var(--background);overflow:hidden}.tp-toolbar{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.tp-toolbar .chip-btn:disabled{opacity:.4;cursor:default}.tp-hint{font-family:var(--font-geist-mono), monospace;color:var(--muted-foreground);grid-column:1/-1;align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.tp-hint strong{color:var(--destructive);font-weight:500}.tp-vars{grid-column:1/-1;grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:900px){.tp-vars{grid-template-columns:1fr 1.4fr}}.tp-var-group{flex-direction:column;gap:8px;display:flex}.tp-var-group .token-chips{padding:12px}.tp-var-group code.is-active{color:#16a34a;background:#16a34a14;border-color:#16a34a}.dark .tp-var-group code.is-active{color:#4ade80;border-color:#4ade80}.tp-embed{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:100%;display:flex}