:root{color:#e9ebef;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0d0f12;--panel:#12151a;--panel-2:#171a20;--panel-3:#1c2027;--line:#292e37;--line-soft:#20242b;--text:#e9ebef;--muted:#8f98a6;--muted-2:#626b78;--accent:#d9ff64;--accent-text:#11150a;--danger:#ff7f7f;--warning:#f6c86d;--blue:#7fb7ff;--sidebar:214px;--topbar:48px;background:#0d0f12;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 78% 8%, #d9ff6409, transparent 24rem), var(--bg);min-width:320px}button,input{font:inherit}button{color:inherit}code,pre,kbd,.method,.metric strong,.interaction-meta{font-family:SFMono-Regular,Cascadia Code,Liberation Mono,Menlo,monospace}.app-shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{width:var(--sidebar);border-right:1px solid var(--line-soft);z-index:10;background:#0a0c0f;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{height:var(--topbar);border-bottom:1px solid var(--line-soft);letter-spacing:.13em;align-items:center;gap:10px;padding:0 16px;font-size:12px;font-weight:750;display:flex}.brand-mark{width:22px;height:22px;color:var(--accent);letter-spacing:0;border:1px solid #48515e;border-radius:5px;place-items:center;font-family:SFMono-Regular,Menlo,monospace;display:grid}.nav{padding:12px 8px}.nav-section{color:#555e6b;letter-spacing:.12em;text-transform:uppercase;padding:20px 9px 7px;font-size:10px;font-weight:700}.nav-item{color:#9aa3b0;text-align:left;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;width:100%;height:34px;padding:0 9px;font-size:13px;display:flex}.nav-item.active{color:#f3f5f7;background:#161a20}.nav-item.muted{color:#535c68}.nav-item kbd{color:#697280;border:1px solid #343a43;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:400}.sidebar-footer{border-top:1px solid var(--line-soft);margin-top:auto;padding:12px}.runtime-label{color:#5f6875;letter-spacing:.03em;align-items:center;gap:7px;margin-top:12px;font-size:10px;display:flex}.dot{background:#5a6370;border-radius:50%;width:6px;height:6px}.main{grid-column:2;min-width:0}.topbar{z-index:8;height:var(--topbar);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);background:#0d0f12eb;justify-content:space-between;align-items:center;padding:0 18px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--muted-2);align-items:center;gap:8px;font-size:12px;display:flex}.breadcrumb strong{color:#d8dce2;font-weight:600}.sep{color:#3f4651}.topbar-actions,.header-actions{align-items:center;gap:8px;display:flex}.claimed-badge{color:#c7e884;border-color:#a9d3583d}.badge,.connection{color:#8d96a3;background:#111419;border:1px solid #2d333d;border-radius:5px;align-items:center;gap:7px;height:24px;padding:0 8px;font-size:10px;line-height:1;display:inline-flex}.connection.live{color:#c7e884}.connection.live .dot{background:#a9d358;box-shadow:0 0 0 3px #a9d35814}.connection.connecting .dot,.connection.disconnected .dot{background:var(--warning)}.connection.error .dot{background:var(--danger)}.landing{min-height:calc(100vh - var(--topbar));place-items:center;padding:48px 24px;display:grid}.landing-card{border:1px solid var(--line);background:linear-gradient(#14171c,#101318);border-radius:9px;width:min(720px,100%);padding:38px;box-shadow:0 30px 80px #00000047}.eyebrow{color:#717b89;letter-spacing:.12em;font-family:SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700}.landing h1,.hook-header h1{color:#f3f5f7;letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(24px,4vw,38px);line-height:1.06}.landing p{color:#959eab;max-width:610px;margin:16px 0 0;font-size:14px;line-height:1.65}.policy-grid{border:1px solid var(--line);background:var(--line);border-radius:6px;grid-template-columns:repeat(4,1fr);gap:1px;margin:28px 0;display:grid;overflow:hidden}.policy{background:#101318;flex-direction:column;justify-content:center;gap:5px;min-height:74px;padding:12px;display:flex}.policy strong{font-family:SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:550}.policy span{color:#737d8a;font-size:10px}.landing-footnote{color:#5d6672;margin-top:19px;font-size:11px;line-height:1.55}.button{color:#cdd2d9;cursor:pointer;background:#181c22;border:1px solid #343a44;border-radius:5px;height:32px;padding:0 11px;font-size:11px;font-weight:600}.button:hover:not(:disabled){background:#1d2229;border-color:#4a5360}.button:disabled{cursor:not-allowed;opacity:.48}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.button.primary:hover:not(:disabled){background:#e2ff86}.button.create{height:38px;padding:0 17px;font-size:12px}.button.secondary{background:#171b21}.button.ghost{color:#89929f;background:0 0;border-color:#0000}.button.compact{height:27px;font-size:10px}.button.full{width:100%}.error-inline,.error-banner{color:#efa0a0;background:#ff7f7f0e;border:1px solid #ff7f7f40;font-size:11px}.error-inline{border-radius:5px;margin-top:12px;padding:9px 11px}.error-banner{border-radius:5px;margin:0 18px 12px;padding:8px 10px}.workspace{min-height:calc(100vh - var(--topbar))}.hook-header{border-bottom:1px solid var(--line-soft);padding:18px}.hook-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.hook-header h1{letter-spacing:-.025em;font-family:SFMono-Regular,Menlo,monospace;font-size:21px;font-weight:580}.url-box{background:#101318;border:1px solid #303640;border-radius:6px;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;min-height:40px;margin-top:16px;display:grid;overflow:hidden}.url-label{color:#68717e;padding-left:12px;font-size:10px}.url-box code{color:#d8dce2;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 10px;font-size:11px;overflow:hidden}.copy-button{color:#949daa;cursor:pointer;background:#171b21;border:0;border-left:1px solid #2b3139;align-self:stretch;padding:0 13px;font-size:10px}.readonly-note{color:#737d89;border:1px solid #29303a;border-radius:5px;margin-top:16px;padding:9px 11px;font-size:11px}.metrics{flex-wrap:wrap;gap:22px;margin-top:14px;display:flex}.metric{align-items:baseline;gap:7px;display:flex}.metric span{color:#606a77;font-size:10px}.metric strong{color:#aeb5bf;font-size:10px;font-weight:500}.workspace-grid{height:calc(100vh - var(--topbar) - 184px);grid-template-columns:minmax(300px,35%) minmax(0,1fr);min-height:430px;display:grid}.panel{background:var(--panel);min-width:0}.interaction-panel{border-right:1px solid var(--line-soft)}.panel-header,.inspector-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;height:45px;padding:0 12px;display:flex}.panel-header strong{font-size:11px;font-weight:650}.count{color:#7e8794;background:#232831;border-radius:8px;margin-left:7px;padding:1px 5px;font-family:SFMono-Regular,Menlo,monospace;font-size:9px}.live-hint{color:#59626e;font-size:9px}.search-row{border-bottom:1px solid var(--line-soft);padding:8px}.search-row input{color:#cdd2d9;background:#0f1216;border:1px solid #292f38;border-radius:5px;outline:none;width:100%;height:30px;padding:0 9px;font-size:10px}.search-row input:focus{border-color:#46505d}.search-row input::placeholder{color:#4f5865}.interaction-list{height:calc(100% - 84px);overflow:auto}.empty-list{color:#5e6774;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:190px;padding:30px;display:flex}.empty-list strong{color:#858e9a;font-size:11px}.empty-list span{max-width:260px;font-size:10px;line-height:1.5}.interaction-row{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #1f242b;padding:10px 11px;display:block}.interaction-row:hover{background:#161a20}.interaction-row.selected{box-shadow:inset 2px 0 var(--accent);background:#191e24}.interaction-main,.request-line{align-items:center;gap:8px;min-width:0;display:flex}.method{flex:none;min-width:39px;font-size:9px;font-weight:700}.method-post{color:#9dd37c}.method-get{color:var(--blue)}.method-put,.method-patch{color:var(--warning)}.method-delete{color:#ff8f8f}.path{color:#c8cdd5;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:SFMono-Regular,Menlo,monospace;font-size:10px;overflow:hidden}.query{color:#66707d;font-family:SFMono-Regular,Menlo,monospace;font-weight:400}.interaction-meta{color:#59626f;gap:10px;margin-top:7px;font-size:9px;display:flex}.inspector-panel{overflow:hidden}.inspector-head{height:58px}.request-line strong{color:#d9dde3;text-overflow:ellipsis;white-space:nowrap;max-width:420px;font-family:SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:520;overflow:hidden}.inspector-sub{color:#58616e;gap:12px;margin-top:6px;font-size:9px;display:flex}.inspector-sub code{color:#66707c;font-size:9px}.tabs{border-bottom:1px solid var(--line-soft);align-items:stretch;gap:2px;height:34px;padding-left:10px;display:flex}.tab{color:#697380;cursor:pointer;background:0 0;border:0;padding:0 9px;font-size:10px;position:relative}.tab span{color:#505965;margin-left:4px}.tab.active{color:#d3d8df}.tab.active:after{background:var(--accent);content:"";height:1px;position:absolute;bottom:-1px;left:8px;right:8px}.inspector-content{height:calc(100% - 92px);overflow:auto}.body-view{color:#c8cdd5;white-space:pre-wrap;word-break:break-word;background:#0e1115;min-height:100%;margin:0;padding:15px;font-size:10px;line-height:1.6}.body-view[data-encoding=hex]{color:#c4ad76}.kv-table{padding:4px 0}.kv-row{border-bottom:1px solid #1f242b;grid-template-columns:minmax(120px,28%) minmax(0,1fr);align-items:center;gap:14px;min-height:34px;padding:6px 13px;display:grid}.kv-row>:first-child{color:#737d89;font-size:10px}.kv-row code:last-child{overflow-wrap:anywhere;color:#c5cad1;font-size:10px}.empty-inspector{color:#68717d;text-align:center;place-items:center;display:grid}.empty-inspector h2{color:#a7aeb8;margin:8px 0 5px;font-size:14px}.empty-inspector p{margin:0;font-size:10px}@media (width<=860px){:root{--sidebar:62px}.brand{justify-content:center;padding:0}.brand>span:last-child,.nav-section,.nav-item>span,.nav-item kbd,.runtime-label,.sidebar-footer .button{display:none}.nav-item{justify-content:center;padding:0;font-size:0}.nav-item:after{color:#77818e;content:"H";font-family:SFMono-Regular,Menlo,monospace;font-size:10px}.workspace-grid{grid-template-columns:280px minmax(0,1fr)}.policy-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){:root{--sidebar:0px}.sidebar{display:none}.main{grid-column:1}.workspace-grid{grid-template-columns:1fr;height:auto}.interaction-panel{border-right:0;border-bottom:1px solid var(--line-soft);min-height:310px}.hook-title-row{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start}.url-box{grid-template-columns:1fr auto}.url-label{display:none}.url-box code{padding-left:12px}.app-shell{min-height:100dvh;display:block}.main{width:100%;min-width:0}.topbar{height:auto;min-height:var(--topbar);gap:8px;padding:8px 12px}.breadcrumb{min-width:0}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;margin-left:auto}.badge,.connection{white-space:nowrap;max-width:100%}.workspace{min-height:calc(100dvh - var(--topbar))}.hook-header{padding:16px 14px}.hook-title-row{gap:14px}.hook-title-row>div:first-child{min-width:0}.hook-header h1{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:20px;overflow:hidden}.header-actions{flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%}.url-box{grid-template-columns:72px minmax(0,1fr) auto;width:100%;margin-top:14px}.url-box+.url-box{margin-top:8px}.url-label{padding-left:10px;display:block}.url-box code{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 8px;display:block;overflow:hidden}.readonly-note{overflow-wrap:anywhere;width:100%;margin-top:14px;padding:10px 12px;line-height:1.5}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-top:16px;display:grid}.metric{flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.metric strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.workspace-grid{height:auto;min-height:0;display:block}.interaction-panel{min-height:0}.panel-header{height:44px}.search-row{padding:8px 12px}.interaction-list{height:auto;min-height:0;max-height:none;overflow:visible}.empty-list{min-height:180px;padding:28px 18px}.inspector-panel{min-height:0}.inspector-head{gap:10px;height:auto;min-height:58px;padding:10px 12px}.inspector-head>div,.request-line{min-width:0}.request-line strong{max-width:100%}.inspector-sub{flex-wrap:wrap;gap:4px 10px;min-width:0}.inspector-sub code{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.tabs{padding-left:4px;overflow-x:auto}.tab{flex:none}.inspector-content{height:auto;min-height:0;max-height:none;overflow:visible}.body-view{min-height:160px}.kv-row{grid-template-columns:minmax(92px,32%) minmax(0,1fr);gap:10px;padding:7px 12px}.landing{min-height:calc(100dvh - var(--topbar));padding:24px 14px}.landing-card{padding:20px 16px}}