.ti{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin:0 0 16px;min-width:0}
.ti-field{min-width:0}
.ti-field label{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:14.5px;font-weight:600;color:#fff;margin-bottom:6px}
.doc .ti-field label code{font-size:12.5px;font-weight:500;color:var(--out-soft);padding:0 6px}
.ti-opt{font-size:12.5px;font-weight:500;color:var(--muted)}
.ti input,.ti select{display:block;width:100%;max-width:100%;min-width:0;background:#0d0e12;border:1px solid #3a3b42;border-radius:10px;padding:10px 12px;color:#fff;font:400 14px ui-monospace,SFMono-Regular,Consolas,monospace;color-scheme:dark}
.ti select{font-family:'Poppins',sans-serif;font-size:14.5px;cursor:pointer}
.ti select optgroup{font-style:normal;color:var(--muted)}
.ti select option{color:#fff;background:#0d0e12}
.ti input::placeholder{color:#8a91a1}
.ti input:focus,.ti select:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px rgba(224,82,159,.3)}
.ti input[aria-invalid="true"]{border-color:#f87171;box-shadow:0 0 0 3px rgba(248,113,113,.22)}
.doc .ti-hint{font-size:13px;color:var(--muted);margin:6px 0 0}
.ti-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin:16px 0 0}
.ti-grid .wide{grid-column:1/-1}
.ti-grid[hidden]{display:none}
.ti-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ti-actions .btn{cursor:pointer;padding:10px 20px;font-size:14.5px}
.ti-actions .btn:focus-visible{outline:2px solid var(--pink-soft);outline-offset:2px}
.ti-res{margin:0 0 4px}
.doc .ti-res h3{margin-top:4px}
.ti-live{margin:0 0 12px}
.doc .ti-live p{margin:0 0 8px}
.doc .ti-idle,.doc .ti-empty{color:var(--muted);font-size:14.5px}
.doc .ti-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-bottom:6px}
.ti-code{font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace;padding:3px 10px;border-radius:999px}
.ti-code.ok{background:#14532d;color:#dcfce7;border:1px solid #4ade80}
.ti-code.err{background:#450a0a;color:#fee2e2;border:1px solid #f87171}
.ti-reason{font-weight:600;color:#fff;font-size:14.5px}
.doc .ti-msg{font-size:14.5px;color:var(--text-2)}
.doc .ti-msg.err{color:#fecaca}
.ti-res .code pre{max-height:440px;overflow:auto}
@media (max-width:640px){.ti{padding:14px}.ti-grid{grid-template-columns:minmax(0,1fr)}.ti-actions .btn{flex:1 1 auto}.ti-res .code pre{white-space:pre;overflow-wrap:normal}}
[dir="rtl"] .ti input,[dir="rtl"] .ti select{text-align:left}
[dir="rtl"] .ti-field label code{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .ti-hint[dir="ltr"]{text-align:right}