: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);align-items:center;padding:0 16px;display:flex}.brand-home{border-radius:6px;align-items:center;text-decoration:none;display:inline-flex}.brand-home:focus-visible{outline-offset:4px;outline:2px solid #d9ff64b3}.brand-logo{height:auto;display:block}.brand-lockup{width:116px}.brand-mark-logo{width:25px;display:none}.nav{padding:12px 8px}.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-section{color:#555e6b;letter-spacing:.12em;text-transform:uppercase;padding:20px 9px 7px;font-size:10px;font-weight:700}.nav-tooltip-wrap{display:block}.nav-tooltip-wrap .nav-item{width:100%}.nav-item-pending{color:#8b94a1;opacity:.5}.nav-item-pending:disabled{cursor:default}.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}.build-meta{color:#4f5865;margin-top:10px;font-family:SFMono-Regular,Menlo,monospace;font-size:9px}.build-meta a{color:inherit;text-decoration:none}.build-meta a:hover{color:#8993a0}.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}.theme-toggle{border:1px solid var(--line);background:var(--panel-2);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:7px;place-items:center;display:inline-grid}.theme-toggle:hover{background:var(--panel-3);color:var(--text)}.theme-toggle:focus-visible{outline-offset:2px;outline:2px solid #d9ff64b3}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.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}.creation-card{width:min(700px,100%)}.eyebrow{color:#717b89;letter-spacing:.12em;font-family:SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700}.landing h1,.new-hook-modal h1,.hook-header h1{color:#f3f5f7;letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(24px,4vw,34px);line-height:1.08}.landing p,.new-hook-modal p{color:#959eab;max-width:590px;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{color:#edf1f5;font-family:SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:550}.policy span{color:#8d97a4;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{color:#c9cfd7;background:#191e25;border-color:#3b4350}.button.secondary:hover:not(:disabled){color:#f0f2f4;background:#20262e;border-color:#566171}.button:focus-visible{outline-offset:2px;outline:2px solid #d9ff64b3}.new-hook-button{min-width:92px}.inline-new-hook{height:30px;margin-left:8px}.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));flex-direction:column;display:flex}.hook-header{border-bottom:1px solid var(--line-soft);padding:16px 18px 14px}.hook-header-inner{width:min(100%,900px)}.hook-title-row{width:100%;display:block}.hook-identity{min-width:0}.hook-kicker-row{align-items:center;gap:7px;display:flex}.hook-type-label,.hook-kind{letter-spacing:.07em;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:9px;font-weight:650}.hook-type-label{color:#505965}.hook-kind{color:#7e8794}.hook-status{color:#727c89;align-items:center;gap:6px;font-size:9px;line-height:1;display:inline-flex}.hook-status-live{color:#b7d973}.hook-status-live .dot{background:#a9d358;box-shadow:0 0 0 3px #a9d35812}.hook-status-connecting .dot,.hook-status-disconnected .dot{background:var(--warning)}.hook-status-error .dot{background:var(--danger)}.hook-id-row{align-items:center;gap:8px;min-width:0;margin-top:9px;display:flex}.hook-id-label{color:#616b77;letter-spacing:.05em;flex:none;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:9px;font-weight:650}.hook-id{color:#c7cdd5;letter-spacing:0;min-width:0;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:12px;font-weight:500;line-height:1.25}.hook-loading{color:#8c96a2;margin-top:9px;font-size:12px}.hook-id-full{display:inline}.hook-id-short{display:none}.icon-button{color:#7f8996;cursor:pointer;background:#15191f;border:1px solid #313844;border-radius:6px;flex:none;place-items:center;width:30px;height:30px;display:inline-grid}.icon-button:hover:not(:disabled){color:#d9dde3;background:#1c222a;border-color:#4b5665}.icon-button:focus-visible{outline-offset:2px;outline:2px solid #d9ff64b3}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:15px;height:15px}.icon-button-text{font-size:8px}.viewer-capability{width:fit-content;max-width:100%;margin-top:14px}.viewer-capability-head{align-items:center;gap:8px;margin-bottom:7px;display:flex}.viewer-capability-label{color:#7d8794;letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:9px;font-weight:650}.viewer-capability-badge{color:#7e8794;background:#12161b;border:1px solid #303743;border-radius:999px;align-items:center;height:20px;padding:0 7px;font-size:9px;display:inline-flex}.viewer-capability-row{background:#101318;border:1px solid #303640;border-radius:7px;align-items:stretch;width:fit-content;max-width:100%;min-height:40px;display:flex;overflow:hidden}.viewer-capability-row code{width:max-content;min-width:0;max-width:calc(100vw - var(--sidebar) - 190px);color:#dde1e6;text-overflow:ellipsis;white-space:nowrap;align-items:center;padding:0 12px;font-size:11px;display:flex;overflow:hidden}.viewer-copy-button{color:#a3acb8;cursor:pointer;background:#191e25;border:0;border-left:1px solid #2b3139;min-width:64px;padding:0 14px;font-size:10px;font-weight:600}.viewer-copy-button:hover{color:#eef1f4;background:#20262e}.viewer-copy-button:focus-visible{outline-offset:-3px;outline:2px solid #d9ff64b3}.viewer-capability-note{color:#606a77;margin-top:7px;font-size:9px;line-height:1.45}.url-box{background:#101318;border:1px solid #303640;border-radius:7px;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;width:min(100%,980px);min-height:42px;margin-top:16px;display:grid;overflow:hidden}.url-label{color:#737d8a;padding-left:12px;font-size:10px;font-weight:600}.url-box code{color:#dde1e6;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 10px;font-size:11px;overflow:hidden}.copy-button{color:#a3acb8;cursor:pointer;background:#191e25;border:0;border-left:1px solid #2b3139;align-self:stretch;min-width:58px;padding:0 14px;font-size:10px;font-weight:600}.copy-button:hover{color:#eef1f4;background:#20262e}.metrics{grid-template-columns:repeat(4,max-content);column-gap:42px;width:fit-content;max-width:100%;margin-top:15px;padding-top:0;display:grid}.metric{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.metric-value{align-items:center;gap:8px;min-width:0;display:flex}.claim-metric{color:#c7e884;border-color:#d9ff6447;height:25px;padding-inline:9px}.metric>span{color:#5f6976;letter-spacing:.03em;font-size:9px;font-weight:600}.metric strong{color:#bcc3cc;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:520;overflow:hidden}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050709ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.new-hook-modal{max-height:calc(100dvh - 48px);position:relative;overflow:auto}.new-hook-modal h1{max-width:560px;margin-right:40px}.modal-close{color:#9da6b2;cursor:pointer;background:#171b21b8;border:1px solid #303744;border-radius:8px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:18px;right:18px}.modal-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.modal-close:hover:not(:disabled){color:#f3f5f7;background:#20262e;border-color:#566171}.modal-close:focus-visible{outline-offset:2px;outline:2px solid #d9ff64b3}.modal-close:disabled{cursor:not-allowed;opacity:.45}.creation-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;display:flex}.creation-actions-modal{justify-content:flex-end}.creation-action-button{border-radius:7px;min-width:108px;height:44px;padding:0 18px;font-size:12px}.creation-primary-button{min-width:214px}.workspace-grid{flex:auto;min-height:430px;display:grid}.pane-resizer{z-index:3;cursor:col-resize;touch-action:none;background:0 0;justify-self:center;width:9px;position:relative}.pane-resizer:before{background:var(--line-soft);content:"";width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.pane-resizer:after{opacity:.68;content:"";background:#4a515c;border-radius:999px;width:3px;height:22px;transition:background .12s,opacity .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pane-resizer:hover:after,.resizing-pane .pane-resizer:after{opacity:.95;background:#7d8794}.resizing-pane{cursor:col-resize;-webkit-user-select:none;user-select:none}.panel{background:var(--panel);min-width:0}.interaction-panel{border-right:0}.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{height:58px}.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);align-items:center;height:34px;padding:2px 8px;display:flex}.search-row input{color:#cdd2d9;background:#0f1216;border:1px solid #292f38;border-radius:5px;outline:none;width:100%;height:28px;padding:0 9px;font-size:10px}.search-row input:focus{border-color:#46505d}.search-row input::placeholder{color:#4f5865}.interaction-list{height:calc(100% - 92px);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}.interaction-main .path{flex:auto}.interaction-time{color:#56606c;flex:none;margin-left:auto;font-family:SFMono-Regular,Menlo,monospace;font-size:8px}.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:6px;padding-left:47px;font-size:9px;display:flex}.inspector-panel{overflow:hidden}.inspector-head{height:auto;min-height:58px;padding-block:8px}.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}.request-sequence{color:#5f6976;font-family:SFMono-Regular,Menlo,monospace;font-size:9px}.interaction-id-row{align-items:center;gap:8px;min-width:0;margin-top:5px;display:flex}.interaction-id-label{color:#505965;letter-spacing:.05em;flex:none;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:8px;font-weight:650}.interaction-id-row code{color:#68727f;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.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}.body-empty-state{background:#0e1115;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px;min-height:100%;padding:22px 16px;display:flex}.body-empty-state strong{color:#87919e;font-size:11px;font-weight:560}.body-empty-state span{color:#58616e;font-family:SFMono-Regular,Cascadia Code,Liberation Mono,Menlo,monospace;font-size:9px}.inspector-copy-button{min-width:82px}.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-lockup{display:none}.brand-mark-logo{display:block}.brand>span:last-child,.nav-section,.nav-item>span,.nav-item kbd,.sidebar-footer{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-header-inner{width:100%}.hook-title-row{gap:14px}.hook-title-row>div:first-child{min-width:0}.hook-id-row{gap:6px}.hook-id{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hook-id-copy{width:28px;height:28px}.hook-id-full{display:none}.hook-id-short{display:inline}.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}.viewer-capability{width:100%;margin-top:14px}.viewer-capability-row{width:100%}.viewer-capability-row code{flex:auto;width:auto;max-width:none;padding-inline:10px}.viewer-capability-note{overflow-wrap:anywhere}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:16px;padding-top:12px}.metric{border-bottom:1px solid #20252d;border-right:0;gap:4px;min-width:0;padding:8px 12px}.metric:nth-child(odd){border-right:1px solid #242a32;padding-left:0}.metric:nth-child(2n){padding-left:12px}.metric:nth-last-child(-n+2){border-bottom: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!important}.pane-resizer{display:none}.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-panel-selected{position:relative}.inspector-panel-selected:before{z-index:2;background:var(--accent);content:"";opacity:.45;pointer-events:none;width:2px;position:absolute;inset:0 auto 0 0}.inspector-head{gap:10px;height:auto;min-height:58px;padding:10px 12px}.inspector-head>div,.request-line{min-width:0}.inspector-head{min-height:58px;padding-block:8px}.interaction-id-row code{max-width:100%}.inspector-head>div{flex:auto}.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}.modal-backdrop{align-items:end;padding:12px}.new-hook-modal{border-radius:10px;width:100%;max-height:calc(100dvh - 24px);padding:22px 16px 18px}.new-hook-modal h1{margin-right:44px;font-size:24px}.new-hook-modal .policy-grid{grid-template-columns:repeat(2,1fr)}.modal-actions{flex-direction:row;align-items:stretch}.modal-action-button{flex:1 1 0;min-width:0}.modal-create-button{flex:1.7 1 0}.metric-value{flex-wrap:wrap}}.request-line>.query{font-size:11px;line-height:1.25}.live-hint{text-transform:none}.inspector-note{color:#59626f;border-bottom:1px solid #1f242b;padding:8px 13px;font-size:9px;line-height:1.45}:root[data-theme=light]{--bg:#f6f7f9;--panel:#fff;--panel-2:#f3f4f6;--panel-3:#e9ecf0;--line:#d4d9e0;--line-soft:#e3e6ea;--text:#17191d;--muted:#66707c;--muted-2:#89929d;--accent:#8fc400;--accent-text:#11160a;--danger:#c84f4f;--warning:#a66a00;--blue:#2563a8;color:var(--text);background:var(--bg)}:root[data-theme=light] .breadcrumb strong,:root[data-theme=light] .landing h1,:root[data-theme=light] .new-hook-modal h1,:root[data-theme=light] .hook-id,:root[data-theme=light] .request-line strong,:root[data-theme=light] .tab.active{color:#1f2328}:root[data-theme=light] .nav-item.active,:root[data-theme=light] .interaction-row.selected{color:#16191d;background:#eef1f4}:root[data-theme=light] .nav-item:hover:not(:disabled),:root[data-theme=light] .interaction-row:hover{background:#f1f3f5}:root[data-theme=light] .landing-card{background:linear-gradient(#fff,#f7f8fa);box-shadow:0 24px 70px #17191d1a}:root[data-theme=light] .button.secondary,:root[data-theme=light] .icon-button,:root[data-theme=light] .theme-toggle{color:#4c5662;background:#f5f6f8;border-color:#cfd5dc}:root[data-theme=light] .button.secondary:hover:not(:disabled),:root[data-theme=light] .icon-button:hover:not(:disabled),:root[data-theme=light] .theme-toggle:hover{color:#1f2328;background:#eaedf1;border-color:#aeb7c2}:root[data-theme=light] .viewer-capability-row,:root[data-theme=light] .url-box,:root[data-theme=light] .search-row input{background:#fff;border-color:#d1d6dd}:root[data-theme=light] .viewer-capability-row code,:root[data-theme=light] .url-box code,:root[data-theme=light] .search-row input,:root[data-theme=light] .kv-row code:last-child,:root[data-theme=light] .body-view{color:#24292f}:root[data-theme=light] .viewer-copy-button,:root[data-theme=light] .copy-button{color:#56606c;background:#f1f3f5;border-left-color:#d8dde3}:root[data-theme=light] .viewer-copy-button:hover,:root[data-theme=light] .copy-button:hover{color:#1f2328;background:#e7eaee}:root[data-theme=light] .panel,:root[data-theme=light] .body-view,:root[data-theme=light] .body-empty-state{background:#fff}:root[data-theme=light] .body-empty-state strong,:root[data-theme=light] .empty-inspector h2{color:#4f5965}:root[data-theme=light] .kv-row,:root[data-theme=light] .interaction-row,:root[data-theme=light] .inspector-note{border-bottom-color:#e7eaee}:root[data-theme=light] .count,:root[data-theme=light] .badge,:root[data-theme=light] .viewer-capability-badge{color:#616b77;background:#f3f5f7;border-color:#d7dce2}:root[data-theme=light] .modal-backdrop{background:#21252942}:root[data-theme=light] .modal-close{color:#66707c;background:#f8f9faeb;border-color:#cfd5dc}:root[data-theme=light] .modal-close:hover:not(:disabled){color:#1f2328;background:#eef1f4;border-color:#abb4bf}:root[data-theme=light] .pane-resizer:after{background:#aeb6c0}:root[data-theme=light] .pane-resizer:hover:after,:root[data-theme=light] .resizing-pane .pane-resizer:after{background:#6f7884}:root[data-theme=light] .method-post{color:#4f8a1f}:root[data-theme=light] .method-delete{color:#b54747}.interaction-row{min-height:66px}.interaction-main{min-height:18px;line-height:18px}.interaction-main .path,.interaction-main .query{line-height:18px}.interaction-main .query{color:#66707c;font-size:9px}:root[data-theme=light]{--bg:#f5f6f7;--panel:#fff;--panel-2:#f6f7f9;--panel-3:#eceff2;--line:#d4d9e0;--line-soft:#e7eaee;--text:#17191d;--muted:#65707c;--muted-2:#87919d}:root[data-theme=light] body{background:radial-gradient(circle at 78% 8%, #8fc40006, transparent 24rem), var(--bg)}:root[data-theme=light] .sidebar{background:#fafbfc}:root[data-theme=light] .topbar{background:#fafbfcf0}:root[data-theme=light] .hook-type-label,:root[data-theme=light] .hook-kind,:root[data-theme=light] .hook-id-label,:root[data-theme=light] .viewer-capability-label,:root[data-theme=light] .metric-label,:root[data-theme=light] .interaction-id-label{color:#68727e}:root[data-theme=light] .nav-item-pending{opacity:.62}:root[data-theme=light] .interaction-row.selected{background:#edf0f3}:root[data-theme=light] .interaction-main .query{color:#7a8490}:root[data-theme=light] .new-hook-limits{background:#f6f7f8;border-color:#d9dde3}:root[data-theme=light] .new-hook-limit{border-right-color:#d9dde3}:root[data-theme=light] .new-hook-limit strong{color:#1f2328}:root[data-theme=light] .new-hook-limit span{color:#6e7884}.tabs .tab-count{text-align:right;font-variant-numeric:tabular-nums;min-width:1.25em;display:inline-block}:root[data-theme=light] .policy{background:#f6f7f8}:root[data-theme=light] .policy-grid{background:#d9dde3;border-color:#d9dde3}:root[data-theme=light] .policy strong{color:#1f2328}:root[data-theme=light] .policy span{color:#68727e}.new-hook-label-short{display:none}@media (width<=650px){.new-hook-label-full{display:none}.new-hook-label-short{display:inline}.inline-new-hook{min-width:72px;padding-inline:12px}.hook-id{flex:auto;min-width:0}.url-box{grid-template-columns:90px minmax(0,1fr) auto}.url-label{white-space:nowrap;font-size:9px}.copy-button,.viewer-copy-button{min-width:64px;padding-inline:12px}.metrics{margin-top:12px;padding-top:8px}.metric{gap:3px;padding-block:6px}.metric strong{font-size:10.5px}.claim-metric{height:23px;padding-inline:8px}.interaction-panel-empty .search-row{display:none}.interaction-panel-empty .empty-list{min-height:124px;padding-block:22px}.inspector-empty,.breadcrumb>span:first-child,.breadcrumb>.sep{display:none}}.public-ingress{width:min(100%,980px);margin-top:16px}.capability-heading{color:#7d8794;letter-spacing:.05em;margin-bottom:7px;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:9px;font-weight:650}.public-ingress-row{grid-template-columns:minmax(0,1fr) auto;width:100%;margin-top:0}.public-ingress-row code{padding-left:12px}.mobile-hook-details{display:none}@media (width<=650px){.hook-header{padding:14px 14px 12px}.hook-kicker-row{gap:6px}.hook-id-row{margin-top:8px}.hook-id{flex:auto}.public-ingress{margin-top:18px}.capability-heading{letter-spacing:.08em;margin-bottom:7px;font-size:9px}.public-ingress-row{grid-template-columns:minmax(0,1fr) 64px;min-height:44px}.public-ingress-row code{padding-inline:12px;font-size:11px}.viewer-capability,.metrics{display:none}.mobile-hook-details{border-top:1px solid #20252d;margin-top:12px;display:block}.mobile-hook-details>summary{color:#8b95a2;cursor:pointer;justify-content:space-between;align-items:center;min-height:42px;font-size:11px;font-weight:650;list-style:none;display:flex}.mobile-hook-details>summary::-webkit-details-marker{display:none}.mobile-hook-details>summary:after{content:"+";color:#697480;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:400}.mobile-hook-details[open]>summary:after{content:"−"}.mobile-hook-details-content{padding:2px 0 4px}.mobile-detail-section{margin-bottom:12px}.mobile-viewer-row{width:100%}.mobile-viewer-row code{flex:auto;width:auto;max-width:none}.mobile-metrics-list{border-top:1px solid #20252d}.mobile-metric-row{color:#68727f;border-bottom:1px solid #20252d;justify-content:space-between;align-items:center;gap:16px;min-height:34px;font-size:10px;display:flex}.mobile-metric-row strong{color:#bcc3cc;text-align:right;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:10.5px;font-weight:550}.mobile-claim-button{width:100%;height:34px;margin-top:12px}.interaction-panel-empty .empty-list{min-height:108px;padding-block:20px}.interaction-panel-empty .panel-header{border-bottom:0}}:root[data-theme=light] .mobile-hook-details,:root[data-theme=light] .mobile-metrics-list,:root[data-theme=light] .mobile-metric-row{border-color:#e3e6ea}:root[data-theme=light] .mobile-metric-row{color:#68727e}:root[data-theme=light] .mobile-metric-row strong{color:#30363d}.hook-type-label,.hook-id-label,.capability-heading,.viewer-capability-label,.interaction-id-label{color:#616b77;letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:9px;font-weight:650;line-height:1.2}:root[data-theme=light] .hook-type-label,:root[data-theme=light] .hook-id-label,:root[data-theme=light] .capability-heading,:root[data-theme=light] .viewer-capability-label,:root[data-theme=light] .interaction-id-label{color:#68727e}.panel-header-actions{align-items:center;gap:8px;display:flex}.time-zone-select{color:#7f8995;cursor:pointer;background:#12161b;border:1px solid #2c333d;border-radius:5px;outline:none;height:24px;padding:0 22px 0 8px;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:9px}.time-zone-select:focus{border-color:#4b5665}.interaction-time-wrap{outline:none;flex:none;margin-left:auto;position:relative}.interaction-time-wrap:focus-visible .interaction-time{color:#aeb6c1}.interaction-time{cursor:help;white-space:nowrap;margin-left:0;display:inline-block}.time-popover{z-index:20;background:#11151a;border:1px solid #303844;border-radius:7px;width:min(300px,100vw - 32px);padding:7px;display:none;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 12px 32px #00000052}.interaction-time-wrap:hover .time-popover,.interaction-time-wrap:focus .time-popover,.interaction-time-wrap.open .time-popover{gap:4px;display:grid}.time-popover>span{border-radius:4px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding:5px 6px;display:grid}.time-popover strong{color:#737e8b;text-transform:uppercase;font-size:8px;font-weight:650}.time-popover code{color:#c4cad2;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.inspector-copy-button{white-space:nowrap;min-width:0}:root[data-theme=light] .time-zone-select{color:#56606c;background:#fff;border-color:#d1d6dd}:root[data-theme=light] .time-popover{background:#fff;border-color:#d6dbe1;box-shadow:0 12px 28px #17191d1f}@media (width<=650px){.hook-id-short{font-size:11.5px}.panel-header-actions{gap:6px}.time-zone-select{min-width:64px;height:25px;padding-left:7px;font-size:8.5px}.live-hint{display:none}.interaction-time{font-size:8px}.time-popover{width:min(300px,100vw - 28px);right:-4px}.inspector-copy-button{height:26px;padding-inline:8px;font-size:8.5px;line-height:1}.tab{padding-inline:8px}.tab .tab-count{min-width:1em;margin-left:3px;font-size:8.5px}}.time-zone-select{font-variant-numeric:tabular-nums;min-width:116px}@media (width<=650px){.time-zone-select{min-width:122px;max-width:132px}}.interaction-time-wrap{cursor:pointer;border-radius:4px;align-items:center;gap:4px;min-height:22px;padding:2px 3px;display:inline-flex}.interaction-time-chevron{color:#5e6874;font-size:10px;line-height:1;position:relative;top:-1px}.time-popover>span{grid-template-columns:82px minmax(0,1fr);gap:10px;padding:6px 7px}.time-popover strong{white-space:nowrap;text-align:right;letter-spacing:.03em;font-size:7.5px}.time-popover code{font-variant-numeric:tabular-nums;font-size:7.5px}@media (width<=650px){.time-zone-select{min-width:116px;max-width:122px;padding-left:8px;padding-right:20px}.time-popover{width:min(286px,100vw - 24px);right:-2px}.time-popover>span{grid-template-columns:82px minmax(0,1fr);gap:9px}.interaction-time-wrap{margin-right:-3px}}.time-popover code{color:#d7dce3;opacity:1}.time-popover>span:not(.active) strong{color:#89939f}.time-popover>span:not(.active) code{color:#b9c0c9}:root[data-theme=light] .time-popover strong{color:#3d4651}:root[data-theme=light] .time-popover>span:not(.active) strong{color:#66717d}:root[data-theme=light] .time-popover>span:not(.active) code{color:#4f5965}.preview-build-meta{display:none}@media (width<=650px){.preview-build-meta{color:#7f8995;white-space:nowrap;background:#11151a;border:1px solid #2b323c;border-radius:5px;align-items:center;gap:4px;min-width:0;padding:3px 6px;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:8px;line-height:1;display:inline-flex}.preview-build-meta a{color:inherit;text-decoration:none}.preview-build-meta a:hover,.preview-build-meta a:focus-visible{color:#c2c9d2}:root[data-theme=light] .preview-build-meta{color:#69737f;background:#fff;border-color:#d4d9df}:root[data-theme=light] .preview-build-meta a:hover,:root[data-theme=light] .preview-build-meta a:focus-visible{color:#242a31}}.time-popover strong{color:#7f8995;opacity:.86;font-weight:700}.time-popover code{color:#dce1e7;opacity:1;align-items:baseline;gap:5px;display:inline-flex}.time-value-main{color:inherit;opacity:1}.time-value-zone{color:#76818e;opacity:.8;font-size:.92em}.time-popover>span.active{background:#181d23}.time-popover>span.active strong{color:#aeb7c2;opacity:1}.time-popover>span.active .time-value-main{color:#f0f3f6}.time-popover>span:not(.active) .time-value-main{color:#b8c0ca}:root[data-theme=light] .time-popover strong{color:#6a7480;opacity:.9}:root[data-theme=light] .time-popover code{color:#2d333b}:root[data-theme=light] .time-value-zone{color:#7c8793;opacity:.85}:root[data-theme=light] .time-popover>span.active{background:#f1f3f5}:root[data-theme=light] .time-popover>span.active strong{color:#3f4853}:root[data-theme=light] .time-popover>span.active .time-value-main{color:#171b20}:root[data-theme=light] .time-popover>span:not(.active) .time-value-main{color:#4e5965}.time-popover{border-radius:8px;width:min(250px,100vw - 24px);padding:7px;top:calc(100% + 8px);right:0;gap:0!important}.time-popover-caret{background:#11151a;border-top:1px solid #303844;border-left:1px solid #303844;width:9px;height:9px;position:absolute;top:-5px;right:14px;transform:rotate(45deg)}.time-popover-title{color:#616b77;letter-spacing:.08em;padding:3px 7px 5px;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:7px;font-weight:700;display:block}.time-popover>.time-row{border-radius:5px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:9px;padding:7px;display:grid}.time-row>strong{color:#818b97;letter-spacing:.04em;text-align:left;padding-top:2px;font-size:7.5px;font-weight:750}.time-row-value{gap:2px;min-width:0;display:grid}.time-row-value>code{color:#edf1f5;font-variant-numeric:tabular-nums;font-size:9px;line-height:1.2}.time-row-meta{color:#717c88;white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:7px;line-height:1.2;display:flex}.time-popover>.time-row:not(.active) .time-row-value>code{color:#bec6cf}.time-popover>.time-row:not(.active) .time-row-meta{color:#66717d}:root[data-theme=light] .time-popover-caret{background:#fff;border-color:#d6dbe1}:root[data-theme=light] .time-popover-title{color:#7a8490}:root[data-theme=light] .time-row-value>code{color:#171b20}:root[data-theme=light] .time-row-meta{color:#737e8a}:root[data-theme=light] .time-popover>.time-row:not(.active) .time-row-value>code{color:#4e5965}@media (width<=650px){.time-popover{width:min(250px,100vw - 20px);right:-2px}}.interaction-time-wrap{background:0 0}.interaction-time-wrap:hover,.interaction-time-wrap:focus-visible,.interaction-time-wrap.open{background:#7f899512}.time-popover{width:min(236px,100vw - 24px);padding:6px}.time-popover>.time-row{grid-template-columns:40px minmax(0,1fr);gap:8px;padding:6px 7px}.time-popover>.time-row.active{background:0 0}.time-row>strong{color:#9aa4b0;font-size:7.5px;font-weight:750}.time-popover>.time-row:not(.active)>strong{color:#747f8b}.time-row-clock{align-items:baseline;gap:6px;min-width:0;display:inline-flex}.time-row-clock>code{color:#eef2f6;font-variant-numeric:tabular-nums;font-size:9px;line-height:1.2}.time-row-zone{color:#77828f;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:7px;line-height:1.2}.time-row-date{color:#6f7a86;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:7px;line-height:1.2}.time-popover>.time-row:not(.active) .time-row-clock>code{color:#b9c1cb}:root[data-theme=light] .interaction-time-wrap{background:0 0}:root[data-theme=light] .interaction-time-wrap:hover,:root[data-theme=light] .interaction-time-wrap:focus-visible,:root[data-theme=light] .interaction-time-wrap.open{background:#56606c0f}:root[data-theme=light] .time-popover>.time-row.active{background:0 0}:root[data-theme=light] .time-row>strong{color:#4d5762}:root[data-theme=light] .time-popover>.time-row:not(.active)>strong{color:#77818c}:root[data-theme=light] .time-row-clock>code{color:#1d2329}:root[data-theme=light] .time-row-zone,:root[data-theme=light] .time-row-date{color:#7b8692}@media (width<=650px){.time-popover{width:min(236px,100vw - 20px)}}.time-popover{border-radius:7px;width:min(208px,100vw - 20px);padding:4px;box-shadow:0 8px 22px #0000003d}.time-popover>.time-row{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:6px;padding:4px 5px}.time-popover>.time-row+.time-row{margin-top:0}.time-row>strong{align-self:start;padding-top:0;font-size:7.5px;line-height:1.2}.time-row-value{gap:0}.time-row-clock{align-items:flex-start;gap:4px}.time-row-clock>code{font-size:8.5px;line-height:1.2}.time-row-zone{font-size:6.75px;line-height:1.2}.time-row-date{margin-top:1px;font-size:6.75px;line-height:1.15}.time-popover-caret{right:12px}@media (width<=650px){.time-popover{width:min(208px,100vw - 16px)}}