:root{color-scheme:dark}body.surface-body{margin:0;background:#07111f;color:#eef7ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.surface-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.surface-side{padding:24px 18px;background:#091728;border-right:1px solid #17314d;position:sticky;top:0;height:100vh;box-sizing:border-box}.surface-brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff;font-weight:800}.surface-brand img{width:38px;height:38px}.surface-brand small{display:block;color:#7fa7ca;font-size:10px;letter-spacing:.14em}.surface-nav{margin-top:34px;display:grid;gap:8px}.surface-nav button{appearance:none;border:0;text-align:left;background:transparent;color:#a9bfd2;padding:11px 12px;border-radius:10px;font:inherit;cursor:pointer}.surface-nav button.active,.surface-nav button:hover{background:#102741;color:#fff}.surface-main{padding:28px;min-width:0}.surface-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.surface-title h1{margin:0 0 6px;font-size:30px}.surface-title p{margin:0;color:#8da8bf}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #23476b;background:#0c2035;border-radius:999px;padding:7px 11px;color:#a8c8e5;font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric,.panel{background:#0b1b2d;border:1px solid #173653;border-radius:16px}.metric{padding:18px}.metric span{display:block;color:#86a5bf;font-size:12px}.metric strong{display:block;font-size:24px;margin-top:8px}.panel{margin-top:16px;padding:20px}.panel h2,.panel h3{margin-top:0}.connect-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.surface-input{width:100%;box-sizing:border-box;background:#06111e;border:1px solid #21415e;border-radius:10px;color:#fff;padding:11px}.surface-btn{border:1px solid #2c5c85;background:#0d2944;color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer}.surface-btn.primary{background:#1478d4;border-color:#2d8ee6}.surface-btn:disabled{opacity:.45;cursor:not-allowed}.endpoint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.endpoint-grid button{text-align:left}.output{white-space:pre-wrap;overflow:auto;max-height:420px;background:#040c15;border:1px solid #173653;border-radius:12px;padding:14px;color:#bfe1ff;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.notice{padding:12px 14px;border:1px solid #2c4f6e;border-radius:12px;background:#0a1c2e;color:#a9c5dd}.danger{border-color:#6b3840;background:#241216;color:#f5c1c7}@media(max-width:900px){.surface-shell{grid-template-columns:1fr}.surface-side{position:relative;height:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.endpoint-grid{grid-template-columns:1fr}}