:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7ecea;background:#0d1110;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0d1110}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}main{min-height:100vh}.topbar{min-height:68px;padding:12px clamp(18px,4vw,64px);border-bottom:1px solid #27302d;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#111615}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand div{display:grid}.brand strong{font-size:15px;font-weight:700}.brand span{color:#8e9a96;font-size:12px}.network-strip{display:flex;gap:18px;color:#a9b3b0;font-size:12px;white-space:nowrap}.network-strip span{display:inline-flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;background:#29c98b;border-radius:50%;box-shadow:0 0 0 3px #29c98b1f}.summary-band{padding:38px clamp(18px,4vw,64px) 34px;border-bottom:1px solid #27302d;display:flex;justify-content:space-between;align-items:end;gap:32px;background:#151a18}.eyebrow{margin:0 0 7px;color:#e3ad43;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;max-width:720px;font-size:clamp(29px,4vw,47px);line-height:1.06;font-weight:650}.summary-band dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:28px}.summary-band dl div{border-left:1px solid #34403c;padding-left:14px}dt{color:#7f8b87;font-size:11px;text-transform:uppercase}dd{margin:6px 0 0;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.workspace,.status-band{padding:28px clamp(18px,4vw,64px) 36px;border-bottom:1px solid #27302d}.workspace-heading{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.workspace-heading>div{display:flex;align-items:center;gap:9px}h2{margin-bottom:0;font-size:15px;font-weight:650}.valid,.invalid{font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.valid{color:#47d39a}.invalid{color:#ef6d68}.probe-layout{min-height:480px;border:1px solid #2c3532;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#101513}.editor-pane,.result-pane{min-width:0;padding:18px}.editor-pane{border-right:1px solid #2c3532;display:flex;flex-direction:column}label,.pane-label{color:#9ca7a3;font-size:12px}.pane-label{height:24px;display:flex;align-items:center;gap:7px}textarea{width:100%;min-height:365px;margin:10px 0 14px;padding:14px;resize:vertical;border:1px solid #303a36;border-radius:4px;outline:none;color:#dce4e1;background:#0b0f0e;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55}textarea:focus,input:focus{border-color:#52b792;box-shadow:0 0 0 2px #52b7921f}.primary-button,.secondary-button,.icon-button{border:0;display:inline-flex;align-items:center;justify-content:center}.primary-button{height:40px;padding:0 14px;gap:9px;border-radius:4px;color:#07110d;background:#4ed39d;font-weight:700}.primary-button svg:last-child{margin-left:auto}.secondary-button{min-width:104px;height:40px;padding:0 14px;gap:8px;border:1px solid #42504b;border-radius:4px;color:#e4e9e7;background:#1b2320}.result-pane{overflow:hidden}.json-block{position:relative;height:calc(100% - 30px);min-height:120px;margin-top:8px;border:1px solid #27312d;border-radius:4px;background:#090d0c;overflow:auto}.json-block pre{margin:0;padding:16px 46px 16px 16px;color:#bcd1c9;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.icon-button{width:32px;height:32px;color:#a9b6b1;background:transparent}.copy-button{position:absolute;z-index:1;top:5px;right:5px}.empty-state{min-height:400px;display:grid;place-content:center;justify-items:center;gap:10px;color:#68736f;font-size:12px}.message{margin-top:10px;padding:10px 12px;border:1px solid;border-radius:4px;display:flex;align-items:center;gap:9px;font-size:12px}.message.error{border-color:#743d3a;color:#f2a39e;background:#241413}.status-band{background:#121715}.status-form{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr) auto;align-items:end;gap:12px}.status-form label{display:grid;gap:7px}input{width:100%;height:40px;padding:0 11px;border:1px solid #303a36;border-radius:4px;outline:none;color:#dce4e1;background:#0b0f0e;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.status-band>.json-block{height:auto;margin-top:18px}footer{min-height:58px;padding:14px clamp(18px,4vw,64px);display:flex;align-items:center;gap:22px;color:#77827e;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}footer a{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#a9b5b1;text-decoration:none}footer a+a{margin-left:0}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.topbar,.summary-band{align-items:flex-start;flex-direction:column}.network-strip{width:100%;overflow-x:auto}.summary-band dl{width:100%;grid-template-columns:repeat(3,1fr)}.probe-layout{grid-template-columns:1fr}.editor-pane{border-right:0;border-bottom:1px solid #2c3532}.status-form{grid-template-columns:1fr}footer{flex-wrap:wrap}footer a{margin-left:0}}@media(max-width:520px){.summary-band dl{grid-template-columns:1fr;gap:14px}textarea{min-height:310px}.empty-state{min-height:260px}}