.st-tfmt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:12px;align-items:start}.st-tfmt__area{min-height:300px;font-size:16px;line-height:1.6}.st-tfmt__foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:14px}.st-tfmt__count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;transition:color .2s}.st-tfmt__count.is-near{color:#b45309}.tl-fmt__acts{display:flex;flex-wrap:wrap;gap:8px}.tl-fmt__send .st-i{color:#1fa855}.st-tfmt__preview{position:sticky;top:96px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 16px 18px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(90% 55% at 50% 0%,var(--tint-lilac) 0%,transparent 70%),var(--paper)}.st-tfmt__note{display:flex;align-items:flex-start;gap:8px;max-width:340px;margin:0}.st-tfmt__note .st-i{flex:0 0 auto;width:15px;height:15px;margin-top:2px;color:var(--primary-text)}@media(max-width:1024px){.st-tfmt{grid-template-columns:1fr}.st-tfmt__preview{position:relative;top:auto}}@media(max-width:640px){.st-tfmt__area{min-height:240px}.tl-fmt__acts{width:100%}.tl-fmt__acts .st-btn{flex:1 1 auto}.st-tfmt__preview{padding:18px 10px 14px}}