@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--paper: #f7f7f5;--ink: #121212;--ink-soft: #343434;--line: #202020;--panel: #ffffff;--muted: #6b6b6b;--ok: #1f8f57;--bad: #b32d2e;--hero-grad: radial-gradient(circle at 10% 20%, #ffffff 0%, #f0f0ee 45%, #e9e9e7 100%)}*{box-sizing:border-box}body{margin:0;font-family:Sora,sans-serif;color:var(--ink);background:linear-gradient(140deg,#f4f4f2,#fdfdfd 60%,#efefec);min-height:100vh}#root{min-height:100vh}.app-shell{max-width:1500px;margin:0 auto;padding:2rem 1.2rem 2.4rem}.hero{background:var(--hero-grad);border:2px solid var(--line);border-radius:24px;padding:1.6rem;box-shadow:8px 8px #0d0d0d;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:380px;height:380px;right:-100px;top:-170px;background:conic-gradient(from 40deg,#efefef,#fff,#dedede,#efefef);border-radius:50%;opacity:.7}.hero h1,.hero p,.hero .hero-badge{position:relative;z-index:1}.hero-badge{display:inline-block;background:#0f0f0f;color:#fff;padding:.42rem .7rem;border-radius:999px;font-size:.7rem;letter-spacing:.08em}.hero h1{margin:.8rem 0 .4rem;font-size:clamp(1.8rem,3vw,3rem)}.hero p{margin:0;color:var(--ink-soft);max-width:780px;line-height:1.5}.panel{background:var(--panel);border:1.6px solid var(--line);border-radius:18px;padding:1rem;box-shadow:5px 5px #111}.toolbar{margin-top:1.2rem}.field-group{display:flex;flex-direction:column;gap:.45rem}.field-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.text-input,.json-textarea{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:.68rem .72rem;font-family:IBM Plex Mono,monospace;background:#fff;color:var(--ink)}.text-input:focus,.json-textarea:focus{outline:2px solid #000;outline-offset:1px}.metrics-grid{margin-top:1.2rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.metric-card{border:1.4px solid var(--line);border-radius:16px;padding:.9rem;background:#fff}.metric-card h3{margin:0;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.metric-value{margin:.42rem 0 0;font-size:1.52rem;font-weight:700}.metric-subtitle{margin:.3rem 0 0;color:var(--ink-soft);font-size:.9rem}.layout-grid{margin-top:1.2rem;display:grid;grid-template-columns:1.6fr 1fr;gap:1rem}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.panel h2{margin:0;font-size:1.1rem}.button{border:1.5px solid #000;background:#000;color:#fff;border-radius:999px;padding:.56rem .9rem;font-family:Sora,sans-serif;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.button:hover{transform:translateY(-2px);box-shadow:0 4px #2f2f2f}.button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.button.secondary{background:#fff;color:#000}.endpoint-picker{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;max-height:430px;overflow:auto;padding-right:.3rem}.endpoint-group h3{margin:0 0 .45rem;font-size:.8rem;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.endpoint-chip{width:100%;border:1.5px solid #2c2c2c;background:#fff;color:#111;border-radius:10px;margin-bottom:.35rem;padding:.52rem .58rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-family:Sora,sans-serif;cursor:pointer}.endpoint-chip span{font-size:.72rem;font-family:IBM Plex Mono,monospace}.endpoint-chip strong{text-align:right;font-size:.82rem}.endpoint-chip.active{background:#000;color:#fff}.endpoint-form{margin-top:1rem}.endpoint-meta{margin-bottom:.7rem}.endpoint-meta p{margin:0;color:var(--ink-soft)}.endpoint-title{font-size:.86rem;font-family:IBM Plex Mono,monospace;color:#000;margin-bottom:.3rem}.error-box{margin:.9rem 0 0;border:1px solid var(--bad);color:var(--bad);padding:.6rem;border-radius:8px;font-size:.9rem}.response-box{margin-top:1rem;border:1.5px solid #111;border-radius:12px;overflow:hidden}.response-meta{background:#efefef;padding:.54rem .7rem;display:flex;align-items:center;gap:.5rem;font-size:.84rem;border-bottom:1.5px solid #111}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.status-dot.ok{background:var(--ok)}.status-dot.bad{background:var(--bad)}.url-view{color:var(--muted);font-family:IBM Plex Mono,monospace;margin-left:auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.response-box pre,.probe-results pre,.stream-log pre{margin:0;padding:.82rem;font-family:IBM Plex Mono,monospace;font-size:.78rem;line-height:1.45;overflow:auto}.response-box pre .json-tree-viewer,.probe-results pre .json-tree-viewer,.stream-log pre .json-tree-viewer{font-family:IBM Plex Mono,monospace;font-size:.78rem;line-height:1.45;padding:.7rem}.response-box pre .json-node,.probe-results pre .json-node,.stream-log pre .json-node{border-left:1px dashed #c3c3c3;margin-left:.4rem;padding-left:.55rem}.response-box pre .json-node>summary,.probe-results pre .json-node>summary,.stream-log pre .json-node>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.2rem 0}.response-box pre .json-node>summary::-webkit-details-marker,.probe-results pre .json-node>summary::-webkit-details-marker,.stream-log pre .json-node>summary::-webkit-details-marker{display:none}.response-box pre .json-node>summary:before,.probe-results pre .json-node>summary:before,.stream-log pre .json-node>summary:before{content:">";font-size:.75rem;color:#555;width:.6rem;display:inline-block;transition:transform .1s ease}.response-box pre .json-node[open]>summary:before,.probe-results pre .json-node[open]>summary:before,.stream-log pre .json-node[open]>summary:before{transform:rotate(90deg)}.response-box pre .json-children,.probe-results pre .json-children,.stream-log pre .json-children{padding-bottom:.2rem}.response-box pre .json-line,.probe-results pre .json-line,.stream-log pre .json-line{display:flex;gap:.4rem;padding:.12rem 0}.response-box pre .json-line.empty,.probe-results pre .json-line.empty,.stream-log pre .json-line.empty{color:#757575;font-style:italic}.response-box pre .json-key,.probe-results pre .json-key,.stream-log pre .json-key{color:#0f0f0f;font-weight:500}.response-box pre .json-root,.probe-results pre .json-root,.stream-log pre .json-root{color:#0f0f0f;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.response-box pre .json-type,.probe-results pre .json-type,.stream-log pre .json-type{color:#707070;font-size:.72rem;border:1px solid #b9b9b9;border-radius:999px;padding:.03rem .42rem}.response-box pre .json-value.string,.probe-results pre .json-value.string,.stream-log pre .json-value.string{color:#3a3a3a}.response-box pre .json-value.number,.response-box pre .json-value.boolean,.probe-results pre .json-value.number,.probe-results pre .json-value.boolean,.stream-log pre .json-value.number,.stream-log pre .json-value.boolean{color:#111;font-weight:500}.response-box pre .json-value.object,.probe-results pre .json-value.object,.stream-log pre .json-value.object{color:#111}.stream-panel{margin-top:1rem;border:1.4px solid #111;border-radius:12px}.stream-head{padding:.62rem .72rem;border-bottom:1.4px solid #111;display:flex;align-items:center;justify-content:space-between}.stream-head h3{margin:0;font-size:.95rem}.stream-actions{display:flex;align-items:center;gap:.6rem}.stream-state{border:1px solid #000;border-radius:999px;padding:.16rem .6rem;font-size:.75rem;text-transform:uppercase}.stream-state.live{background:#000;color:#fff}.stream-state.connecting,.stream-state.disconnected,.stream-state.stopped,.stream-state.idle{background:#fff;color:#000}.stream-log{max-height:220px;overflow:auto}.job-list{margin-top:1rem;display:flex;flex-direction:column;gap:.4rem;max-height:300px;overflow:auto}.job-item{width:100%;border:1.3px solid #222;border-radius:12px;background:#fff;padding:.6rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem;cursor:pointer;text-align:left}.job-item strong{font-size:.8rem;font-family:IBM Plex Mono,monospace}.job-item p{margin:.22rem 0 0;color:var(--muted);font-size:.82rem}.pill{border-radius:999px;padding:.2rem .55rem;border:1px solid #111;font-size:.7rem;font-weight:600}.pill.completed,.pill.published,.pill.approved{background:#111;color:#fff}.pill.failed,.pill.rejected,.pill.canceled{background:#fff;color:#111}.probe-box{margin-top:1rem;border-top:1px dashed #777;padding-top:1rem}.probe-box h3{margin:0}.probe-row{margin-top:.6rem;display:grid;grid-template-columns:1fr auto;gap:.5rem}.probe-results{margin-top:.8rem;border:1.2px solid #111;border-radius:10px;overflow:hidden}.probe-results h4{margin:0;padding:.46rem .7rem;border-top:1px solid #222;background:#efefef;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.probe-results h4:first-child{border-top:none}.muted{color:var(--muted);font-size:.9rem}@media (max-width: 1180px){.layout-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.app-shell{padding:1rem .8rem 1.4rem}.metrics-grid{grid-template-columns:1fr}.endpoint-picker{grid-template-columns:1fr;max-height:360px}.panel-head{flex-direction:column;align-items:flex-start}.stream-head{flex-direction:column;align-items:flex-start;gap:.5rem}}