.tfo-wrap{background:#fff;border:1px solid #e5e8ef;border-radius:12px;padding:16px}
.tfo-form label{font-weight:600;display:block;margin:6px 0 4px}
.tfo-form textarea{width:100%;min-height:140px;padding:10px;border:1px solid #cfd6e4;border-radius:8px}
.tfo-form input{width:100%;padding:8px;border:1px solid #cfd6e4;border-radius:8px}
.tfo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:8px}
.tfo-actions{display:flex;align-items:center;gap:10px;margin-top:10px}
.tfo-note{color:#666}
.tfo-msg{margin-top:8px;color:#0a3;font-weight:600}
.tfo-out{margin-top:16px}
.tfo-toolbar{display:flex;gap:8px;margin-bottom:8px}
.tfo-split{display:grid;grid-template-columns:2fr 1fr;gap:12px}
#tfo-json{background:#0b1020;color:#e7f1ff;border-radius:8px;padding:10px;max-height:60vh;overflow:auto}
.tfo-help{background:#f7f9fc;border:1px solid #e5e8ef;border-radius:8px;padding:10px}
@media (max-width:900px){ .tfo-split{grid-template-columns:1fr;} }