.form-container{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:var(--muted)}#targetUrlInput,#methodSelect,#headersTextarea{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:4px;font-size:14px;outline:none}#targetUrlInput:focus,#methodSelect:focus,#headersTextarea:focus{border-color:var(--accent)}#headersTextarea{height:100px;font-family:JetBrains Mono,monospace}.result-container{display:flex;flex-direction:column;gap:20px;position:relative;flex:1}.test-badge{align-self:flex-start;padding:4px 10px;border-radius:4px;font-weight:700;font-size:12px}.badge-pending{background:var(--bg3);color:var(--muted);border:1px solid var(--border)}.badge-success{background:#3fb95026;color:#3fb950;border:1px solid rgba(63,185,80,.3)}.badge-fail{background:#f8514926;color:#f85149;border:1px solid rgba(248,81,73,.3)}.diagnostic-box{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:16px;flex:1;overflow-y:auto}.diagnostic-box h3{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:6px;margin-bottom:10px}.diagnostic-text{font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.5;color:var(--text);white-space:pre-wrap}.loading{position:absolute;inset:0;background:#0d111799;display:none;align-items:center;justify-content:center;z-index:60}.loading.show{display:flex}.spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}