*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:auto}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;background:#0f172a;color:#e5e7eb}.app-root{min-height:100vh;width:100%;display:flex;flex-direction:column;overflow:auto}.app-header{flex-shrink:0;padding:.75rem 1.25rem;border-bottom:1px solid rgba(148,163,184,.3);display:flex;flex-direction:column;gap:.25rem}.app-header-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.theme-toggle{display:flex;gap:.25rem}.app-header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dev-clear-cache-btn{padding:.3rem .75rem;font-size:.8rem;font-weight:500;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:transparent;color:#94a3b8;cursor:pointer}.dev-clear-cache-btn:hover{color:#e5e7eb;border-color:#94a3b8cc}.theme-btn{padding:.3rem .75rem;font-size:.8rem;font-weight:500;border-radius:6px;border:1px solid rgba(148,163,184,.5);background:transparent;color:#94a3b8;cursor:pointer}.theme-btn:hover{color:#e5e7eb;border-color:#94a3b8cc}.theme-btn-active{color:#38bdf8;border-color:#38bdf8;background:#38bdf81a}.file-import{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.file-import-input{display:none}.file-import-btn{font-size:.78rem;padding:.25rem .7rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#020617;color:#e5e7eb;cursor:pointer}.file-import-btn:hover{border-color:#38bdf8}.file-import-hint{font-size:.72rem;color:#9ca3af}.privacy-consent-backdrop{position:fixed;inset:0;background:#020617b8;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.privacy-consent-modal{width:min(720px,100%);border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#0f172af5;padding:1rem 1rem .9rem}.privacy-consent-modal.landing-info-modal{width:min(980px,100%);max-height:min(85vh,860px);display:flex;flex-direction:column}.landing-info-modal-body{overflow:auto;padding-right:.25rem}.privacy-consent-title{margin:0 0 .5rem;font-size:1rem;font-weight:650}.privacy-consent-text{margin:0 0 .6rem;color:#cbd5e1;line-height:1.45;font-size:.9rem}.privacy-consent-actions{display:flex;justify-content:flex-end;margin-top:.75rem}.privacy-consent-primary{font-size:.85rem;padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(56,189,248,.8);background:#38bdf81f;color:#e0f2fe;cursor:pointer}.privacy-consent-primary:hover{background:#38bdf82e}.app-title{margin:0;font-size:1.1rem;font-weight:600}.app-subtitle{margin:.25rem 0 0;font-size:.8rem;color:#9ca3af}.app-tabs{display:flex;flex-wrap:wrap;gap:.25rem;padding:0 1.25rem;border-bottom:1px solid rgba(148,163,184,.3);background:#0f172a80;min-height:2.75rem;align-items:baseline;flex-shrink:0}.app-tab{padding:.5rem 1rem;margin:0 0 -1px;border:none;border-bottom:2px solid transparent;background:transparent;color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:6px 6px 0 0}.app-tab:hover{color:#e5e7eb;background:#94a3b814}.app-tab-active{color:#38bdf8;border-bottom-color:#38bdf8;background:#38bdf80f}.app-main{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr);gap:.75rem;padding:.75rem 1.25rem}.app-main-full{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;padding:.75rem 1.25rem;overflow:hidden}.app-tab-panel{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0;width:100%;overflow:auto}.app-tab-panel[hidden]{display:none!important}.panel-fill{flex:1;min-height:0;display:flex;flex-direction:column}.panel.panel-fill.fixed-height,.panel.panel-fill.force-height{flex:none!important}.panel-fill .json-textarea.formatter-output{flex:1;min-height:0;padding:1rem .6rem;background:#0f172ab3;font-weight:300}.panel.panel-fill .json-textarea{flex:1;min-height:160px}.left-column,.right-column{display:flex;flex-direction:column;gap:.75rem}.panel{background:#0f172ae6;border-radius:8px;border:1px solid rgba(148,163,184,.35);padding:.5rem;display:flex;flex-direction:column;gap:.4rem}.panel-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.panel-title{font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#e5e7eb}.panel-subtitle{font-size:.75rem;color:#9ca3af}.json-textarea{width:100%;min-height:160px;border-radius:6px;border:1px solid rgba(148,163,184,.4);background:#020617;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;line-height:1.4;padding:.5rem .6rem;resize:vertical}.json-textarea:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf866}.formatter-output{min-height:120px}.formatter-controls{display:flex;flex-wrap:wrap;gap:.4rem}.formatter-controls button{font-size:.75rem;padding:.25rem .5rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:transparent;color:#e5e7eb;cursor:pointer}.formatter-controls button:hover{border-color:#38bdf8;color:#e0f2fe}.status-bar{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.status-pill{padding:.1rem .55rem;border-radius:999px;border:1px solid transparent;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.status-idle{border-color:#94a3b899;color:#e5e7eb}.status-parsing{border-color:#38bdf8b3;color:#e0f2fe}.status-success{border-color:#22c55eb3;color:#bbf7d0}.status-error,.status-error span{color:#fecaca}.url-loader{display:flex;align-items:center;gap:.4rem}.url-input{flex:1;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#020617;color:#e5e7eb;font-size:.78rem;padding:.25rem .6rem}.url-input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf866}.url-loader button{font-size:.78rem;padding:.25rem .7rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#020617;color:#e5e7eb;cursor:pointer}.url-loader button:disabled{opacity:.6;cursor:default}.url-error{font-size:.72rem;color:#fecaca}.search-bar{margin-top:.25rem;margin-bottom:.25rem}.search-input{width:100%;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#020617;color:#e5e7eb;font-size:.78rem;padding:.25rem .6rem}.search-input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf866}.panel-viewer{flex:1;min-height:0;display:flex;flex-direction:column}.tree-list-container{flex:1;min-height:0;display:flex}.empty-state{justify-content:center;align-items:center;text-align:center;color:#9ca3af;font-size:.8rem}.json-row{display:flex;align-items:center;gap:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem}.json-row-toggle{flex:1;display:inline-flex;align-items:center;gap:.25rem;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left}.json-row-toggle:focus-visible{outline:1px solid #38bdf8}.landing-info{margin-top:.75rem;font-size:.9rem;color:var(--app-text);line-height:1.4}.landing-info h2,.landing-info h3{margin-top:1rem;color:var(--app-text)}.landing-info ul,.landing-info ol{margin-left:1.25rem}.landing-info a{color:var(--app-accent);text-decoration:underline}.app-keywords{color:var(--app-muted)}.tree-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px}.chevron-icon{color:#94a3b8}.bullet-icon{color:#64748b}.json-row-copy.tree-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:4px}.json-row-copy.tree-copy-btn:hover{color:#e5e7eb;background:#94a3b826}.json-row-copy.tree-copy-btn svg{width:14px;height:14px}.json-row-highlighted{background:#38bdf81f}.json-row-active{outline:1px solid rgba(56,189,248,.5)}.json-row-text.type-string{color:#facc15}.json-row-text.type-number{color:#a5b4fc}.json-row-text.type-boolean{color:#f97316}.json-row-text.type-null{color:#9ca3af;font-style:italic}.json-row-text.type-object,.json-row-text.type-array{color:#38bdf8}.app-footer{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem .75rem;border-top:1px solid rgba(148,163,184,.3);font-size:.75rem;color:#9ca3af}.user-count-footer{display:flex;align-items:center;gap:.5rem}.user-count-item{font-size:.75rem}.user-count-sep{opacity:.5}.user-count-status{font-size:.7rem;margin-right:.5rem}.user-count-connected{color:#22c55e}.user-count-disconnected{color:#f87171}.panel-advanced{margin-top:.5rem}.advanced-section{margin-bottom:.5rem}.advanced-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem}.advanced-title{font-size:.8rem;font-weight:500}.advanced-header button{font-size:.75rem;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:transparent;color:#e5e7eb;cursor:pointer}.advanced-header button:hover{border-color:#38bdf8}.advanced-ts-snippet{background:#020617;border-radius:6px;border:1px solid rgba(148,163,184,.4);padding:.5rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;max-height:160px;overflow:auto;margin:0}.advanced-section-fill{flex:1;min-height:0;display:flex;flex-direction:column}.advanced-ts-snippet-fill{flex:1;min-height:120px;max-height:none}.advanced-diff{margin-top:.5rem}.advanced-diff-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;margin-bottom:.35rem}.advanced-textarea{min-height:80px}.advanced-error{font-size:.75rem;color:#fecaca;margin-bottom:.35rem}.advanced-diff-result{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem}.advanced-diff-section{min-width:0}.advanced-diff-label{font-weight:500;margin-bottom:.15rem}.advanced-diff-section ul{list-style:none;padding:0;margin:0}.advanced-diff-section li{white-space:nowrap}.diff-tool-full{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;background:#0f172ae6;border-radius:8px;border:1px solid rgba(148,163,184,.35);padding:.75rem}.diff-tool-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-shrink:0}.diff-tool-title{font-size:.9rem;font-weight:600}.diff-tool-header button{font-size:.8rem;padding:.25rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:transparent;color:#e5e7eb;cursor:pointer}.diff-tool-header button:hover{border-color:#38bdf8}.diff-tool-body{display:flex;flex-direction:column;flex:1;min-height:0;gap:.5rem}.diff-tool-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;flex:1;min-height:0}.diff-tool-textarea{min-height:120px;flex:1;resize:none}.diff-tool-footer{flex-shrink:0}.diff-tool-error{font-size:.75rem;color:#fecaca;margin-bottom:.25rem}.diff-tool-result{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem}.diff-tool-empty{color:#9ca3af;font-size:.8rem}.diff-tool-section{min-width:0}.diff-tool-section-label{font-weight:500;margin-bottom:.15rem}.diff-tool-section ul{list-style:none;padding:0;margin:0}.diff-tool-section li{white-space:nowrap}.ads-banner{position:sticky;bottom:0;width:100%;border-top:1px solid rgba(148,163,184,.3);background:#0f172af5;padding:.4rem 1.25rem;z-index:10}.ads-slot{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#9ca3af}.ads-slot-inactive{opacity:.7}.ads-label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:#e5e7eb}.ads-placeholder{opacity:.9}.panel-devtools{margin-top:.5rem}.devtool-section{margin-top:.5rem;padding-top:.4rem;border-top:1px dashed rgba(148,163,184,.3)}.devtool-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem}.devtool-title{font-size:.8rem;font-weight:500}.devtool-header button{font-size:.75rem;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:transparent;color:#e5e7eb;cursor:pointer}.devtool-header button:disabled{opacity:.6;cursor:default}.devtool-row{display:flex;gap:.4rem;margin-bottom:.3rem}.devtool-method{border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#020617;color:#e5e7eb;font-size:.78rem;padding:.25rem .5rem}.devtool-url{flex:1;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#020617;color:#e5e7eb;font-size:.78rem;padding:.25rem .6rem}.devtool-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.4rem;margin-bottom:.3rem}.devtool-textarea{min-height:80px}.devtool-textarea-single{min-height:60px}.devtool-error{font-size:.75rem;color:#fecaca;margin-bottom:.3rem}.devtool-meta{display:flex;gap:.75rem;font-size:.75rem;color:#9ca3af;margin-bottom:.3rem}.devtool-response{background:#020617;border-radius:6px;border:1px solid rgba(148,163,184,.4);padding:.5rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;max-height:160px;overflow:auto;margin:0}.devtool-note{font-size:.75rem;color:#9ca3af}.devtool-base64-list{display:flex;flex-direction:column;gap:.3rem;max-height:160px;overflow:auto}.devtool-base64-item{border-radius:4px;border:1px solid rgba(148,163,184,.3);padding:.25rem .4rem}.devtool-base64-path{font-size:.7rem;color:#9ca3af;margin-bottom:.15rem}.devtool-base64-decoded{font-size:.78rem}@media(max-width:960px){.app-main{grid-template-columns:minmax(0,1fr)}}[data-theme=light]{--app-bg: #f8fafc;--app-text: #1e293b;--app-muted: #64748b;--app-border: rgba(100, 116, 139, .35);--app-accent: #0284c7;--input-bg: #ffffff;--panel-bg: rgba(248, 250, 252, .95)}[data-theme=light] body{background:var(--app-bg);color:var(--app-text)}[data-theme=light] .app-header,[data-theme=light] .app-tabs{border-color:var(--app-border)}[data-theme=light] .app-tabs{background:#f8fafccc}[data-theme=light] .app-title{color:var(--app-text)}[data-theme=light] .app-subtitle,[data-theme=light] .app-tab{color:var(--app-muted)}[data-theme=light] .app-tab:hover{color:var(--app-text)}[data-theme=light] .app-tab-active{color:var(--app-accent);border-bottom-color:var(--app-accent);background:#0284c714}[data-theme=light] .panel,[data-theme=light] .diff-tool-full{background:var(--panel-bg);border-color:var(--app-border)}[data-theme=light] .panel-title{color:var(--app-text)}[data-theme=light] .panel-subtitle{color:var(--app-muted)}[data-theme=light] .json-textarea,[data-theme=light] .url-input,[data-theme=light] .search-input,[data-theme=light] .devtool-method,[data-theme=light] .devtool-url,[data-theme=light] .advanced-ts-snippet,[data-theme=light] .devtool-response,[data-theme=light] .json-textarea.formatter-output{background:var(--input-bg);color:var(--app-text);border-color:var(--app-border);font-weight:300;padding:1rem .6rem}[data-theme=light] .json-textarea:focus,[data-theme=light] .url-input:focus,[data-theme=light] .search-input:focus{border-color:var(--app-accent);box-shadow:0 0 0 1px #0284c74d}[data-theme=light] .formatter-controls button,[data-theme=light] .url-loader button,[data-theme=light] .advanced-header button,[data-theme=light] .diff-tool-header button,[data-theme=light] .devtool-header button{background:var(--input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=light] .formatter-controls button:hover,[data-theme=light] .url-loader button:hover,[data-theme=light] .advanced-header button:hover,[data-theme=light] .diff-tool-header button:hover,[data-theme=light] .devtool-header button:hover{border-color:var(--app-accent)}[data-theme=light] .status-idle{border-color:var(--app-border);color:var(--app-text)}[data-theme=light] .status-parsing{border-color:var(--app-accent)}[data-theme=light] .status-success{border-color:#16a34a99;color:#166534}[data-theme=light] .status-error,[data-theme=light] .url-error,[data-theme=light] .advanced-error,[data-theme=light] .diff-tool-error,[data-theme=light] .devtool-error{color:#b91c1c}[data-theme=light] .empty-state,[data-theme=light] .devtool-note,[data-theme=light] .chevron-icon,[data-theme=light] .bullet-icon,[data-theme=light] .json-row-copy.tree-copy-btn{color:var(--app-muted)}[data-theme=light] .json-row-copy.tree-copy-btn:hover{color:var(--app-text);background:#64748b1f}[data-theme=light] .json-row-highlighted{background:#0284c71a}[data-theme=light] .json-row-active{outline-color:var(--app-accent)}[data-theme=light] .json-row-text.type-object,[data-theme=light] .json-row-text.type-array{color:var(--app-accent)}[data-theme=light] .app-footer,[data-theme=light] .ads-slot,[data-theme=light] .ads-placeholder,[data-theme=light] .user-count-footer,[data-theme=light] .user-count-item{color:var(--app-muted)}[data-theme=light] .user-count-connected{color:#16a34a}[data-theme=light] .user-count-disconnected{color:#dc2626}[data-theme=light] .ads-label{color:var(--app-text)}[data-theme=light] .ads-banner{background:#f8fafcf5;border-color:var(--app-border)}[data-theme=light] .theme-btn{border-color:var(--app-border);color:var(--app-muted)}[data-theme=light] .theme-btn:hover{color:var(--app-text);border-color:var(--app-muted)}[data-theme=light] .theme-btn-active{color:var(--app-accent);border-color:var(--app-accent);background:#0284c71a}[data-theme=light] .dev-clear-cache-btn{border-color:var(--app-border);color:var(--app-muted)}[data-theme=light] .dev-clear-cache-btn:hover{color:var(--app-text);border-color:var(--app-muted)}[data-theme=light] .file-import-btn{background:var(--input-bg);border-color:var(--app-border);color:var(--app-text)}[data-theme=light] .file-import-btn:hover{border-color:var(--app-accent)}[data-theme=light] .privacy-consent-backdrop{background:#0f172a59}[data-theme=light] .privacy-consent-modal{background:#f8fafcfa;border-color:var(--app-border)}[data-theme=light] .privacy-consent-text{color:var(--app-muted)}[data-theme=light] .privacy-consent-primary{border-color:var(--app-accent);background:#0284c71f;color:var(--app-text)}.site-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .5rem;max-width:52rem;text-align:center}.site-footer-nav a{color:#94a3b8;font-size:.72rem;text-decoration:none}.site-footer-nav a:hover{color:#e5e7eb;text-decoration:underline}.site-footer-sep{color:#64748b;font-size:.72rem;user-select:none}[data-theme=light] .site-footer-nav a{color:var(--app-muted)}[data-theme=light] .site-footer-nav a:hover{color:var(--app-text)}[data-theme=light] .site-footer-sep{color:var(--app-border)}.marketing-shell{min-height:100vh;display:flex;flex-direction:column;background:#0f172a;color:#e5e7eb}.marketing-header{flex-shrink:0;border-bottom:1px solid rgba(148,163,184,.3);padding:.65rem 1.25rem}.marketing-header-inner{max-width:960px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.marketing-brand{font-weight:600;font-size:.95rem;color:#e5e7eb;text-decoration:none}.marketing-brand:hover{color:#38bdf8}.marketing-top-nav{display:flex;flex-wrap:wrap;gap:.5rem .85rem;font-size:.8rem}.marketing-top-nav a{color:#94a3b8;text-decoration:none}.marketing-top-nav a:hover{color:#e5e7eb;text-decoration:underline}.marketing-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:1.25rem 1.25rem 2rem}.marketing-footer{flex-shrink:0;border-top:1px solid rgba(148,163,184,.3);padding:.75rem 1.25rem 1rem}.marketing-footer .site-footer-nav{max-width:960px;margin:0 auto}.marketing-article h1{margin:0 0 .75rem;font-size:1.35rem;font-weight:650;line-height:1.25}.marketing-article h2{margin:1.25rem 0 .5rem;font-size:1.05rem;font-weight:600}.marketing-article p,.marketing-article li{line-height:1.55;font-size:.9rem;color:#cbd5e1}.marketing-article ul{margin:.5rem 0 .75rem;padding-left:1.25rem}.marketing-article a{color:#38bdf8;text-decoration:underline}.marketing-article a:hover{color:#7dd3fc}[data-theme=light] .marketing-shell{background:var(--app-bg, #f8fafc);color:var(--app-text, #1e293b)}[data-theme=light] .marketing-header,[data-theme=light] .marketing-footer{border-color:var(--app-border, rgba(100, 116, 139, .35))}[data-theme=light] .marketing-brand{color:var(--app-text)}[data-theme=light] .marketing-top-nav a{color:var(--app-muted)}[data-theme=light] .marketing-top-nav a:hover{color:var(--app-text)}[data-theme=light] .marketing-article p,[data-theme=light] .marketing-article li{color:var(--app-muted)}[data-theme=light] .marketing-article a{color:var(--app-accent)}