/* IFTTT Webhook Tester */
.iwt-card{display:flex;flex-direction:column;gap:.85rem;padding:1.5rem;background:var(--t-bg);border:1px solid var(--t-border-glass);border-radius:var(--t-radius);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:1.5rem}
.iwt-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.iwt-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.iwt-field label{font-size:.8rem;font-weight:700;color:var(--text)}
.iwt-input{padding:.75rem .9rem;font-size:.9rem;border:1.5px solid var(--t-border);border-radius:var(--t-radius-sm);background:var(--bg,#fff);color:var(--text);outline:none;box-sizing:border-box;width:100%;font-family:var(--t-mono)}
.iwt-input:focus{border-color:var(--t-accent);box-shadow:0 0 0 3px var(--t-accent-glow)}
.iwt-keywrap{display:flex;gap:.4rem}
.iwt-keywrap .iwt-input{flex:1;min-width:0}
.iwt-iconbtn{flex:none;width:46px;border:1.5px solid var(--t-border);border-radius:var(--t-radius-sm);background:var(--t-bg-card);cursor:pointer;font-size:1rem}
.iwt-textarea{width:100%;padding:.7rem .85rem;font-size:.8rem;font-family:var(--t-mono);border:1.5px solid var(--t-border);border-radius:var(--t-radius-sm);background:var(--bg,#fff);color:var(--text);box-sizing:border-box;resize:vertical;line-height:1.55}
.iwt-textarea:focus{border-color:var(--t-accent);box-shadow:0 0 0 3px var(--t-accent-glow);outline:none}
.iwt-urlpreview{background:var(--t-bg-card);border:1px dashed var(--t-border);border-radius:var(--t-radius-sm);padding:.6rem .8rem;font-size:.76rem;overflow-x:auto}
.iwt-urlpreview code{font-family:var(--t-mono);white-space:nowrap}
.iwt-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.iwt-btn{padding:.75rem 1.4rem;border:none;border-radius:100px;font-weight:700;font-size:.88rem;cursor:pointer;background:linear-gradient(135deg,var(--t-accent),var(--t-accent-2));color:#fff;transition:transform .25s}
.iwt-btn:hover{transform:translateY(-2px)}
.iwt-btn.secondary{background:var(--t-bg-card);color:var(--text);border:1px solid var(--t-border)}
.iwt-hint{font-size:.78rem;color:var(--text-tertiary)}
.iwt-error{font-size:.82rem;color:#ef4444;font-weight:600}
.iwt-reshead{font-size:.82rem;font-weight:800;display:flex;align-items:center;gap:.5rem;padding:.3rem 0}
.iwt-latency{font-weight:600;color:var(--text-tertiary);font-size:.74rem}
.iwt-spacer{flex:1}
.iwt-linkbtn{background:none;border:none;cursor:pointer;color:var(--t-accent);font-weight:700;font-size:.76rem;padding:0;font-family:inherit}
.iwt-linkbtn:hover{text-decoration:underline}
.iwt-pre{margin:0;max-height:300px;overflow:auto;padding:.9rem;font-size:.76rem;line-height:1.6;font-family:var(--t-mono);background:var(--t-bg-card);border:1px solid var(--t-border-glass);border-radius:var(--t-radius-sm);white-space:pre-wrap;word-break:break-word}
.iwt-history{margin-top:.4rem}
.iwt-histlist{display:flex;flex-direction:column;gap:.35rem}
.iwt-histrow{display:flex;gap:.7rem;align-items:baseline;font-size:.78rem;background:var(--t-bg-card);border:1px solid var(--t-border-glass);border-radius:var(--t-radius-sm);padding:.45rem .7rem}
.iwt-histrow .mono{font-family:var(--t-mono);color:var(--text-tertiary);font-size:.72rem}
.iwt-histrow strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iwt-histrow em{font-style:normal;font-weight:800;color:var(--t-accent)}
.mono{font-family:var(--t-mono)}
@media(max-width:768px){.iwt-grid{grid-template-columns:1fr}.iwt-btn{width:100%}}