:root{--n-0:#ffffff;--n-25:#fbfcfe;--n-50:#f5f7fa;--n-75:#eef1f6;--n-100:#e8ecf2;--n-150:#dfe4ec;--n-200:#d4dae4;--n-300:#bcc4d1;--n-400:#9aa4b4;--n-500:#7c8597;--n-600:#5d6675;--n-700:#454d5c;--n-800:#2c333f;--n-900:#1b2230;--bg:var(--n-50);--panel:var(--n-0);--panel-2:var(--n-25);--panel-3:var(--n-75);--border:#e7ebf2;--border-strong:#d4dae4;--text:var(--n-900);--text-2:var(--n-700);--muted:#5c6573;--muted-2:#838c9b;--accent:#3551d4;--accent-hover:#2a41ad;--accent-press:#243a99;--accent-on:#ffffff;--accent-soft:#ecf0ff;--accent-soft-2:#dfe6ff;--accent-border:#c4d1fb;--ring:rgba(53,81,212,.3);--brand:#fd6161;--pos:#0f7a4e;--pos-strong:#0a5d3a;--pos-soft:#e6f4ec;--pos-border:#bfe3cf;--neg:#c23934;--neg-strong:#9a241f;--neg-soft:#fdecea;--neg-border:#f3c7c3;--warn:#a85d08;--warn-strong:#854908;--warn-soft:#fdf2e1;--warn-border:#f1d9ab;--client:#6d28d9;--client-soft:#efe7fd;--font-sans:"Inter","Inter var",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--fs-micro:11px;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px;--lh-tight:1.2;--lh-base:1.45;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-pill:999px;--shadow-sm:0 1px 2px rgba(20,28,46,.05);--shadow-card:0 1px 2px rgba(20,28,46,.04),0 1px 3px rgba(20,28,46,.05);--shadow-pop:0 6px 16px rgba(20,28,46,.1),0 2px 5px rgba(20,28,46,.07);--shadow-modal:0 24px 60px rgba(16,22,40,.22),0 6px 16px rgba(16,22,40,.12);--dur:.15s;--ease:cubic-bezier(.2,.6,.2,1);color-scheme:light}:root[data-theme=dark]{--bg:#12151c;--panel:#1a1e27;--panel-2:#1f2430;--panel-3:#262c3a;--border:#2b3140;--border-strong:#39404f;--text:#eceef2;--text-2:#c3c8d2;--muted:#9aa2b1;--muted-2:#6d7585;--accent:#7a90ec;--accent-hover:#93a5f0;--accent-on:#12151c;--accent-soft:#232a44;--accent-soft-2:#2b3457;--accent-border:#3b477a;--ring:rgba(122,144,236,.35);--pos:#4fbd8c;--pos-soft:#1c3229;--neg:#e57373;--neg-strong:#ef9a9a;--neg-soft:#3a2224;--warn:#e0a95c;--warn-soft:#37301e;--client:#b79df0;--client-soft:#2d2542;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-card:0 1px 2px rgba(0,0,0,.25),0 1px 3px rgba(0,0,0,.3);--shadow-pop:0 6px 16px rgba(0,0,0,.4),0 2px 5px rgba(0,0,0,.3);--shadow-modal:0 24px 60px rgba(0,0,0,.55),0 6px 16px rgba(0,0,0,.35);color-scheme:dark}html{font-feature-settings:"cv11","ss01"}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;font-weight:var(--fw-semibold);letter-spacing:-.012em;color:var(--text)}a{color:var(--accent);text-decoration:none}::selection{background:var(--accent-soft-2)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono,.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum","cv11"}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,select,textarea{font-family:inherit;font-size:var(--fs-sm);color:var(--text);background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:7px 9px;outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}input::placeholder{color:var(--muted-2)}input:hover,select:hover,textarea:hover{border-color:var(--n-300)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}input:disabled,select:disabled{background:var(--panel-2);color:var(--muted);cursor:not-allowed}input[type=checkbox],input[type=radio]{width:15px;height:15px;accent-color:var(--accent)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235c6573' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 9px center;padding-right:28px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base)}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:var(--fs-xs)}.strong{font-weight:var(--fw-semibold)}.dim{color:var(--muted-2)}button{font-family:inherit}.app-loading{display:grid;place-items:center;height:60vh;color:var(--muted)}.shell{display:flex;min-height:100vh}.sidebar{width:236px;flex:0 0 236px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--sp-4) 0;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-4) var(--sp-4)}.sidebar-brand img{width:26px;height:26px;border-radius:6px}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-weight:var(--fw-bold);font-size:var(--fs-md);letter-spacing:.01em}.brand-sub{font-size:var(--fs-micro);color:var(--muted)}.nav-section{padding:var(--sp-4) var(--sp-4) var(--sp-1);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);font-weight:var(--fw-semibold)}.nav-item{display:block;padding:var(--sp-2) var(--sp-4);color:var(--text-2);text-decoration:none;border-left:3px solid transparent;font-weight:var(--fw-medium)}.nav-item.disabled{color:var(--muted-2);cursor:default}.nav-item.disabled:hover{background:none}.soon-tag{background:var(--panel-3);color:var(--muted);border-radius:var(--r-pill);padding:1px 8px;font-size:var(--fs-micro);font-weight:var(--fw-semibold);margin-left:var(--sp-1);vertical-align:1px}.nav-item:hover{background:var(--panel-2)}.nav-item.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft)}.sidebar-foot{margin-top:auto;padding:var(--sp-4);border-top:1px solid var(--border)}.sidebar-user{font-size:var(--fs-xs);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--sp-1)}.linklike{background:none;border:none;padding:0;color:var(--accent);cursor:pointer;font-size:var(--fs-xs)}.linklike:hover{text-decoration:underline}.main{flex:1;min-width:0}.page{max-width:1100px;margin:0 auto;padding:var(--sp-6) var(--sp-6) var(--sp-12)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap}.page-head h1{font-size:var(--fs-xl);font-weight:var(--fw-semibold);margin:0}.crumb{color:var(--muted);text-decoration:none;font-weight:var(--fw-regular)}.crumb:hover{color:var(--accent)}.crumb-sep{color:var(--muted-2);margin:0 var(--sp-2);font-weight:var(--fw-regular)}.h-id{font-size:var(--fs-lg)}.search{display:flex;gap:var(--sp-2);flex:1;max-width:480px}.search input,.events-head input{flex:1;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:var(--fs-sm);background:var(--panel);color:var(--text)}.search input:focus,.events-head input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.search button,.load-more{padding:var(--sp-2) var(--sp-4);background:var(--accent);color:var(--accent-on);border:none;border-radius:var(--r-sm);font-weight:var(--fw-medium);font-size:var(--fs-sm);cursor:pointer;transition:background .15s cubic-bezier(.2,.6,.2,1)}.search button:hover,.load-more:hover{background:var(--accent-hover)}.notice{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);background:var(--warn-soft);border:1px solid var(--warn-border);color:var(--warn-strong);margin-bottom:var(--sp-4);font-size:var(--fs-sm)}.notice.error{background:var(--neg-soft);border-color:var(--neg-border);color:var(--neg-strong)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}th{text-align:left;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:var(--fw-semibold);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--panel-3)}td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}tbody tr{cursor:pointer}tbody tr:hover{background:var(--panel-2)}tbody tr:last-child td{border-bottom:none}.num{text-align:right;font-variant-numeric:tabular-nums}.empty{color:var(--muted);text-align:center;padding:var(--sp-8)!important;cursor:default}.chip{display:inline-block;margin-left:var(--sp-2);background:var(--accent-soft);color:var(--accent);border-radius:var(--r-pill);padding:1px 8px;font-size:var(--fs-micro);font-weight:var(--fw-semibold)}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-3);color:var(--muted);font-size:var(--fs-xs)}.pager button{background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-3);margin-left:var(--sp-2);cursor:pointer;font-size:var(--fs-xs);color:var(--text-2)}.pager button:disabled{opacity:.45;cursor:default}.pager button:not(:disabled):hover{background:var(--panel-2)}.page-wide{max-width:1240px}.detail{display:grid;grid-template-columns:360px minmax(0,1fr);gap:var(--sp-4);align-items:start}@media(max-width:900px){.detail{grid-template-columns:1fr}}.detail-side{display:grid;gap:var(--sp-4);align-items:start}.head-id{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-width:0}.head-id .h-id{word-break:break-all}.copy-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;background:none;border:1px solid transparent;border-radius:var(--r-xs);color:var(--muted-2);cursor:pointer;transition:all .15s cubic-bezier(.2,.6,.2,1)}.copy-btn:hover{color:var(--accent);background:var(--accent-soft)}.copy-btn.copied{color:var(--pos)}.id-block{margin-bottom:var(--sp-2)}.id-block-name{color:var(--text-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:var(--sp-1) 0}.id-value{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:var(--panel-2);border-radius:var(--r-xs);margin-bottom:4px;font-size:var(--fs-xs)}.id-value .mono{word-break:break-all}.id-value.dim{background:none;padding-left:var(--sp-2)}.sys-chip{background:var(--panel-3);color:var(--muted);border-radius:var(--r-pill);padding:1px 8px;font-size:var(--fs-micro);font-weight:var(--fw-semibold)}.badge{background:var(--panel-3);color:var(--text-2);border-radius:var(--r-pill);padding:1px 10px;font-size:var(--fs-micro);font-weight:var(--fw-semibold)}.badge.pos{background:var(--pos-soft);color:var(--pos-strong)}.badge.warn{background:var(--warn-soft);color:var(--warn-strong)}.uc-link-label{color:var(--muted);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--fw-semibold)}.response-usedby{margin-top:var(--sp-2)}.response-editor select{padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:var(--fs-sm);background:var(--panel);color:var(--text);font-family:inherit}.attrs-note{font-size:var(--fs-xs);padding:var(--sp-1) 0}.identifiers{padding:var(--sp-4)}.identifiers h2,.events-head h2{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:0}.identifiers h2{margin-bottom:var(--sp-3)}.id-group{margin-bottom:var(--sp-4)}.id-group-title{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:var(--fw-semibold);padding-bottom:var(--sp-1);border-bottom:1px solid var(--border);margin-bottom:var(--sp-2)}.id-row{display:flex;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-1) 0;align-items:baseline}.id-row .mono{word-break:break-all;text-align:right}.id-name{color:var(--text-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);flex-shrink:0}.id-meta{border-top:1px solid var(--border);padding-top:var(--sp-3);display:grid;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--text-2)}.id-meta span{color:var(--muted);display:inline-block;min-width:76px}.events-panel{padding:var(--sp-2) 0 var(--sp-2)}.events-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-2) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--border)}.events-head input{max-width:260px}.event{border-bottom:1px solid var(--border)}.event:last-child{border-bottom:none}.event-head{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);background:none;border:none;cursor:pointer;font-size:var(--fs-sm);color:var(--text);text-align:left}.event-head:hover{background:var(--panel-2)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.event-name{font-weight:var(--fw-semibold)}.event-time{margin-left:auto;color:var(--muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.chev{color:var(--muted-2);transition:transform .15s cubic-bezier(.2,.6,.2,1)}.chev.open{transform:rotate(90deg)}.event-props{margin:0;padding:0 var(--sp-4) var(--sp-3) calc(var(--sp-4) + 8px + var(--sp-3))}.event-props>div{display:flex;gap:var(--sp-4);padding:2px 0}.event-props dt{min-width:130px;color:var(--muted);font-size:var(--fs-xs)}.event-props dd{margin:0;word-break:break-all;font-size:var(--fs-xs)}.load-more{display:block;margin:var(--sp-3) auto}.tracking-intro{color:var(--text-2);font-size:var(--fs-sm);margin:0 0 var(--sp-4);max-width:720px}.tracking-group{margin-bottom:var(--sp-4)}.tracking-group-head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) 0}.tracking-group-head h2{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:0}.tracking-group-desc{color:var(--muted);font-size:var(--fs-xs);padding:var(--sp-1) var(--sp-4) var(--sp-3);margin:0;max-width:780px}.tracking-group tbody tr.no-click{cursor:default}.tracking-group tbody tr.no-click:hover{background:none}.id-chip{margin:0 var(--sp-1) 2px 0;display:inline-block}.nowrap{white-space:nowrap}.props{color:var(--text-2);font-size:var(--fs-xs)}.primary-btn{padding:var(--sp-2) var(--sp-4);background:var(--accent);color:var(--accent-on);border:none;border-radius:var(--r-sm);font-weight:var(--fw-medium);font-size:var(--fs-sm);cursor:pointer}.primary-btn:hover{background:var(--accent-hover)}.primary-btn:disabled{opacity:.5;cursor:default}.ghost-btn{padding:var(--sp-1) var(--sp-3);background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:var(--fs-xs);color:var(--text-2);cursor:pointer}.ghost-btn:hover{background:var(--panel-2)}.ghost-btn.danger{color:var(--neg);border-color:var(--neg-border)}.ghost-btn.danger:hover{background:var(--neg-soft)}.empty-card{padding:var(--sp-8);text-align:center;color:var(--muted)}.response-card{padding:var(--sp-4);margin-bottom:var(--sp-3)}.response-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3)}.response-name{font-weight:var(--fw-semibold);font-size:var(--fs-md)}.response-slug{color:var(--muted);font-size:var(--fs-xs)}.response-actions{display:flex;gap:var(--sp-2)}.response-desc{color:var(--text-2);font-size:var(--fs-sm);margin:var(--sp-2) 0 0}.response-fields,.response-usage{margin-top:var(--sp-3)}.response-usage summary{cursor:pointer;color:var(--accent);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.snippet{background:var(--n-900);color:var(--n-100);border-radius:var(--r-sm);padding:var(--sp-3);font-family:JetBrains Mono,monospace;font-size:var(--fs-micro);overflow-x:auto;margin:var(--sp-2) 0;white-space:pre-wrap;word-break:break-all}.preview-form{display:flex;gap:var(--sp-2);margin:var(--sp-2) 0}.preview-form input{flex:1;max-width:420px;padding:var(--sp-1) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:var(--fs-xs);background:var(--panel);color:var(--text)}.preview-form button{padding:var(--sp-1) var(--sp-3);background:var(--accent);color:var(--accent-on);border:none;border-radius:var(--r-sm);font-size:var(--fs-xs);cursor:pointer}.response-editor{padding:var(--sp-4)}.editor-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}@media(max-width:700px){.editor-row{grid-template-columns:1fr}}.response-editor label{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--muted)}.response-editor label>span{font-weight:var(--fw-medium)}.response-editor input[type=text],.response-editor label input:not([type=checkbox]){padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:var(--fs-sm);background:var(--panel);color:var(--text)}.response-editor input:disabled{background:var(--panel-3);color:var(--muted)}.editor-desc{margin-top:var(--sp-3)}.field-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--sp-4);margin:var(--sp-4) 0}.field-option{display:grid!important;grid-template-columns:auto auto 1fr;align-items:baseline;gap:var(--sp-2)!important;flex-direction:row!important;padding:var(--sp-1) 0;cursor:pointer}.field-key{color:var(--text)}.field-desc{color:var(--muted);font-size:var(--fs-micro)}.editor-actions{display:flex;gap:var(--sp-2);border-top:1px solid var(--border);padding-top:var(--sp-3)}.login-screen{display:grid;place-items:center;min-height:100vh;background:var(--bg)}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-8);width:360px;text-align:center}.login-brand{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);margin-bottom:var(--sp-6);text-align:left}.login-mark{width:36px;height:36px}.login-title{font-weight:var(--fw-semibold);font-size:var(--fs-lg)}.login-sub{color:var(--muted);font-size:var(--fs-xs)}.login-btn{width:100%;padding:var(--sp-3);background:var(--accent);color:var(--accent-on);border:none;border-radius:var(--r-sm);font-weight:var(--fw-medium);font-size:var(--fs-base);cursor:pointer}.login-btn:hover{background:var(--accent-hover)}.login-foot{margin-top:var(--sp-4);color:var(--muted);font-size:var(--fs-xs)}.login-error{color:var(--neg-strong)}