:root{color:#1c211f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--paper:#f2f1ed;--paper-2:#eae9e4;--sidebar:#e8e7e1;--ink:#1c211f;--muted:#7d817e;--line:#191f1c1a;--line-strong:#191f1c29;--editor:#151917;--editor-2:#191e1b;--editor-line:#ffffff13;--editor-muted:#767e79;--acid:#c9f36b;--acid-deep:#8eb43e;--violet:#b6a1ff;--amber:#f2c66d;--shadow-border:0 0 0 1px #14191717, 0 1px 2px #1419170a, 0 10px 28px #1419170a;--shadow-border-hover:0 0 0 1px #14191726, 0 2px 5px #1419170d, 0 14px 35px #1419170f;--font-mono:"Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;background:#f2f1ed;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--paper);min-height:100vh}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}button,input,textarea{font:inherit}button{color:inherit;transition-property:scale;transition-duration:.15s;transition-timing-function:ease-out;position:relative}button:active:not(:disabled){scale:.96}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #87a63f}button:disabled{opacity:.4;cursor:not-allowed!important}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;border-right:1px solid var(--line);background:var(--sidebar);flex-direction:column;flex:0 0 226px;width:226px;height:100vh;padding:19px 14px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:9px;height:38px;margin-bottom:20px;padding:0 7px;display:flex}.brand-mark{color:#19201c;background:var(--acid);border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 0 0 1px #171e1a21,inset 0 1px #fff9}.brand>span{letter-spacing:-.65px;font-size:17px;font-weight:700}.brand em{color:#657545;font:normal 500 7px var(--font-mono);letter-spacing:.5px;text-transform:uppercase;background:#809d421a;border-radius:4px;margin-left:auto;padding:3px 5px}.new-document{color:#eef2ef;cursor:pointer;background:#202522;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 10px 0 12px;font-size:10px;font-weight:600;display:flex;box-shadow:inset 0 1px #ffffff0f,0 4px 10px #0f131117}.new-document kbd{color:#8d9691;margin-left:auto;font:8px DM Mono,monospace}.sidebar nav{flex-direction:column;gap:3px;margin-top:24px;display:flex}.nav-label{color:#999c98;letter-spacing:1.1px;padding:0 10px 8px;font:500 7px DM Mono,monospace}.sidebar nav button,.bottom-link{color:#777c78;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 10px;font-size:10px;display:flex}.sidebar nav button:hover,.bottom-link:hover{color:#303633;background:#ffffff61}.sidebar nav button.active,.bottom-link.active{color:#202522;background:#ffffffa6;box-shadow:0 0 0 1px #1c211f12,0 1px 2px #1c211f0a}.sidebar nav button.active svg{color:#6f8d30}.sidebar nav kbd{color:#a4a7a3;margin-left:auto;font:7px DM Mono,monospace}.sidebar-bottom{margin-top:auto}.privacy-note{background:#ffffff6b;border-radius:10px;margin-bottom:10px;padding:13px;box-shadow:0 0 0 1px #1c211f0f}.privacy-note>div{color:#78983a;letter-spacing:.8px;align-items:center;gap:6px;margin-bottom:11px;font:500 7px DM Mono,monospace;display:flex}.privacy-note strong{margin-bottom:4px;font-size:10px;display:block}.privacy-note p{color:#858985;margin:0;font-size:8px;line-height:1.5}.bottom-link>span{margin-left:auto}.main-area{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.topbar{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f2f1eddb;align-items:center;height:58px;padding:0 24px;display:flex;position:sticky;top:0}.crumb{color:#8c908c;align-items:center;gap:8px;font-size:9px;display:flex}.crumb>svg{color:#9a9d99;margin-right:4px}.crumb b{color:#b3b5b2;font-weight:400}.crumb strong{color:#4a504c;font-weight:500}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.command-search{color:#9a9d9a;cursor:pointer;text-align:left;background:#ffffff75;border:0;border-radius:7px;align-items:center;gap:7px;width:190px;min-height:32px;padding:0 7px 0 9px;font-size:8px;display:flex;box-shadow:0 0 0 1px #1c211f14}.command-search kbd{color:#a0a39f;background:#1c211f0b;border-radius:4px;margin-left:auto;padding:2px 5px;font:7px DM Mono,monospace}.local-badge{color:#67705f;background:#ffffff6b;border-radius:7px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:8px;display:flex;box-shadow:0 0 0 1px #1c211f12}.local-badge i{background:#91bd3c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #91bd3c1f}.icon-button{color:#8e938f;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;padding:0;display:grid;box-shadow:0 0 0 1px #1c211f14}.icon-button:after{content:"";width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-button:hover{color:#343a36;background:#ffffff8a}.content{flex:1;width:min(1500px,100%);margin:0 auto;padding:34px 34px 48px}.page-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.overline{color:#78933e;letter-spacing:1.2px;align-items:center;gap:6px;font:500 7px DM Mono,monospace;display:flex}.page-heading h1,.feature-heading h1,.about-page h1{color:#1b211e;letter-spacing:-1.35px;margin:11px 0 8px;font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.08}.page-heading p,.feature-heading p{color:#7f8480;margin:0;font-size:10px;line-height:1.6}.heading-actions{gap:8px;display:flex}.primary-button,.ghost-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:9px;font-weight:600;display:inline-flex}.primary-button{color:#1a201d;background:var(--acid);box-shadow:inset 0 0 0 1px #19211c24,inset 0 1px #ffffff8c,0 5px 13px #7697331f}.primary-button:hover{background:#d2f783}.ghost-button{color:#626864;box-shadow:var(--shadow-border);background:#ffffff85}.ghost-button:hover{color:#2d332f;box-shadow:var(--shadow-border-hover)}.editor-shell{grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);min-height:500px;display:grid}.editor-column{background:var(--editor);flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 0 0 1px #101412eb,0 18px 45px #161c191c}.source-column{border-radius:13px 0 0 13px}.output-column{border-radius:0 13px 13px 0}.editor-head{border-bottom:1px solid var(--editor-line);background:#191e1b;justify-content:space-between;align-items:center;min-height:59px;padding:0 13px 0 16px;display:flex}.editor-head>div:first-child{align-items:center;gap:10px;display:flex}.editor-index{color:#9aa29d;background:#ffffff0b;border-radius:7px;place-items:center;width:27px;height:27px;font:500 7px DM Mono,monospace;display:grid}.editor-index.accent{color:#c9f36b;background:#c9f36b13}.editor-head>div:first-child>div{flex-direction:column;gap:2px;display:flex}.editor-head strong{color:#d9ddda;font-size:10px;font-weight:600}.editor-head small{color:#68706b;font-size:7px}.editor-tools{align-items:center;gap:6px;display:flex}.editor-head .icon-button{color:#78807b;background:#ffffff04;box-shadow:0 0 0 1px #ffffff13}.editor-head .icon-button:hover{color:#e0e4e1;background:#ffffff0e}.format-tabs{background:#05080759;border-radius:7px;align-items:center;height:32px;padding:3px;display:flex;box-shadow:inset 0 0 0 1px #fff1}.format-tabs button{color:#68706b;cursor:pointer;text-transform:uppercase;background:0 0;border:0;border-radius:5px;min-width:37px;height:26px;padding:0 7px;font:500 7px DM Mono,monospace}.format-tabs button.active{color:#dce2de;background:#ffffff16;box-shadow:inset 0 1px #ffffff0a}.code-editor{background:radial-gradient(circle at 20% 0, #c9f36b05, transparent 30%), var(--editor);flex:1;grid-template-columns:45px minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:auto}.line-numbers{color:#414743;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;background:#0000000f;border-right:1px solid #ffffff09;flex-direction:column;align-items:flex-end;min-height:100%;padding:16px 10px 30px 0;font:8px/1.72 DM Mono,monospace;display:flex}.line-numbers span{height:1.72em}.code-editor textarea,.code-editor pre{color:#c8d0cb;tab-size:2;white-space:pre;font-variant-ligatures:none;background:0 0;border:0;outline:0;min-width:100%;min-height:100%;margin:0;padding:16px 18px 30px;font:9px/1.72 DM Mono,monospace}.code-editor textarea{resize:none;width:100%}.code-editor textarea::selection{color:#161a18;background:#badf69}.code-editor pre::selection{color:#161a18;background:#badf69}.output-editor pre{overflow:visible}.status-bar{border-top:1px solid var(--editor-line);color:#626a65;font-variant-numeric:tabular-nums;background:#181c1a;align-items:center;gap:11px;min-height:30px;padding:0 13px;font:7px DM Mono,monospace;display:flex}.status-bar span:not(.status-main):not(.status-error){padding-left:11px;position:relative}.status-bar span:not(.status-main):not(.status-error):before{content:"";background:#444b47;border-radius:50%;width:2px;height:2px;position:absolute;top:50%;left:0}.status-main{align-items:center;gap:5px;margin-right:auto;display:flex}.status-bar.valid .status-main{color:#9dc95a}.status-bar.invalid .status-main,.status-error{color:#e27e71}.status-error{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.convert-rail{color:#a0a39f;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.convert-rail button{color:#252b27;background:var(--acid);width:32px;height:32px;box-shadow:0 0 0 5px var(--paper), 0 0 0 6px #191f1c14, 0 5px 15px #60802224;cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.convert-rail span{letter-spacing:.8px;text-transform:uppercase;writing-mode:vertical-rl;font:6px DM Mono,monospace}.rail-line{background:linear-gradient(#0000,#1c211f24,#0000);width:1px;height:100px}.empty-state{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:100%;padding:25px;display:flex}.empty-state>div{color:#727a75;background:#ffffff09;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:14px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}.empty-state h3{color:#a9b0ac;margin:0 0 6px;font-size:11px}.empty-state p{color:#626a65;max-width:310px;margin:0;font:8px/1.55 DM Mono,monospace}.insight-grid{grid-template-columns:repeat(3,.7fr) 1.4fr;gap:9px;margin-top:13px;display:grid}.insight-card{min-height:88px;box-shadow:var(--shadow-border);background:#ffffff73;border-radius:10px;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;column-gap:10px;padding:14px;transition-property:box-shadow,transform;transition-duration:.16s;display:grid}.insight-card:hover{box-shadow:var(--shadow-border-hover);transform:translateY(-2px)}.insight-icon{color:#67842e;background:#91bd3c1a;border-radius:8px;grid-row:1/4;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 0 0 1px #66842e14}.insight-icon.violet{color:#7661c2;background:#9882e51a}.insight-icon.amber{color:#a87522;background:#e6ae4b1c}.insight-card>span{color:#969a96;letter-spacing:.7px;font:500 6px DM Mono,monospace}.insight-card>strong{font-variant-numeric:tabular-nums;margin:2px 0;font-size:18px;line-height:1}.insight-card>small{color:#8d918e;font-size:7px}.privacy-card{color:#516629;background:linear-gradient(135deg,#c9f36b47,#ffffff80);align-items:center;gap:12px;display:flex}.privacy-card>svg{flex:none}.privacy-card>div{flex-direction:column;gap:3px;display:flex}.privacy-card span{letter-spacing:.8px;font:500 6px DM Mono,monospace}.privacy-card strong{color:#303b23;font-size:10px}.privacy-card small{color:#7d886a;font-size:7px}.feature-page{max-width:1060px;margin:0 auto;padding-top:26px}.feature-heading{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.feature-stat{flex-direction:column;align-items:flex-end;display:flex}.feature-stat span{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:29px;font-weight:600}.feature-stat small{color:#898e8a;font-size:8px}.feature-panel{box-shadow:var(--shadow-border);background:#fff;border-radius:12px;overflow:hidden}.tree-panel{min-height:530px;padding:13px 0}.tree-node{min-width:max-content}.tree-row{color:#303632;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:5px;width:100%;min-height:33px;padding-right:22px;font:9px DM Mono,monospace;display:flex}.tree-row:hover{background:#f4f5f0}.tree-chevron{color:#929792;place-items:center;width:17px;display:grid}.tree-chevron.empty{visibility:hidden}.tree-key{color:#6741b2}.tree-colon{color:#b0b4b0}.value-string{color:#3c7f4b}.value-number{color:#b26929}.value-boolean{color:#39759b}.value-null{color:#9b5a6d;font-style:italic}.value-meta{color:#9a9e9a}.query-layout{grid-template-columns:.8fr 1.2fr;gap:12px;display:grid}.query-builder{padding:22px}.query-builder label{color:#777c78;letter-spacing:.7px;text-transform:uppercase;margin-bottom:9px;font:500 7px DM Mono,monospace;display:block}.query-input{background:#191e1b;border-radius:8px;grid-template-columns:34px minmax(0,1fr) 40px;align-items:center;height:47px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.query-input>span{height:100%;color:var(--acid);background:#ffffff09;place-items:center;font:500 11px DM Mono,monospace;display:grid}.query-input input{color:#d3d9d5;background:0 0;border:0;outline:0;min-width:0;height:100%;padding:0 11px;font:9px DM Mono,monospace}.query-input button{color:#20251f;background:var(--acid);cursor:pointer;border:0;border-radius:7px;place-items:center;width:29px;height:29px;padding:0;display:grid}.query-input button svg{margin-left:1px}.query-examples{flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px;display:flex}.query-examples>span{color:#9b9f9b;margin-bottom:2px;font-size:8px}.query-examples button{color:#656b67;cursor:pointer;background:#f3f3ef;border:0;border-radius:6px;min-height:32px;padding:0 9px;font:8px DM Mono,monospace}.query-examples button:hover{color:#343a36;background:#ebede5}.query-result{background:var(--editor);flex-direction:column;min-height:390px;display:flex}.query-result header{border-bottom:1px solid var(--editor-line);justify-content:space-between;align-items:center;min-height:54px;padding:0 13px 0 17px;display:flex}.query-result header>div{flex-direction:column;gap:3px;display:flex}.query-result header span{color:#8f9892;letter-spacing:.8px;font:500 7px DM Mono,monospace}.query-result header small{color:#626b66;font-size:7px}.query-result .icon-button{color:#858e88;box-shadow:0 0 0 1px #ffffff14}.query-result pre{color:#cbd3ce;flex:1;margin:0;padding:18px;font:9px/1.7 DM Mono,monospace;overflow:auto}.query-result .empty-state{flex:1}.about-page{text-align:center;flex-direction:column;align-items:center;padding-top:54px;display:flex}.about-mark{color:#242a26;background:var(--acid);border-radius:19px;place-items:center;width:66px;height:66px;margin-bottom:23px;display:grid;box-shadow:inset 0 0 0 1px #171e1a1f,inset 0 2px #ffffff8c,0 17px 40px #68852c29}.about-page>p{color:#777d79;max-width:530px;margin:0;font-size:11px;line-height:1.7}.about-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:10px;width:min(820px,100%);margin-top:40px;display:grid}.about-grid article{min-height:145px;box-shadow:var(--shadow-border);background:#ffffff80;border-radius:11px;flex-direction:column;padding:19px;display:flex}.about-grid svg{color:#759239;margin-bottom:auto}.about-grid strong{margin:17px 0 6px;font-size:11px}.about-grid span{color:#858a86;font-size:8px;line-height:1.55}.app-footer{border-top:1px solid var(--line);color:#929692;background:#ebeae5;align-items:center;gap:17px;min-height:29px;padding:0 22px;font:7px DM Mono,monospace;display:flex}.app-footer span:first-child{color:#6f7c61;align-items:center;gap:6px;margin-right:auto;display:flex}.pulse{background:#90b947;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #90b9471a}.toast{z-index:50;color:#e6ece8;background:#202622;border-radius:8px;align-items:center;gap:8px;padding:11px 12px;font-size:9px;animation:.23s ease-out toast-in;display:flex;position:fixed;bottom:42px;right:22px;box-shadow:0 15px 40px #12171433}.toast>svg{color:var(--acid)}.toast button{color:#7b847f;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;margin:-7px -7px -7px 4px;padding:0;display:grid}@keyframes toast-in{0%{opacity:0;filter:blur(4px);transform:translateY(9px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (width<=1120px){.sidebar{flex-basis:205px;width:205px}.content{padding-inline:22px}.editor-head{flex-direction:column;align-items:flex-start;gap:9px;padding-block:12px}.editor-tools{width:100%}.insight-grid{grid-template-columns:repeat(3,1fr)}.privacy-card{grid-column:1/-1}}@media (width<=860px){.sidebar{flex-basis:68px;width:68px;padding-inline:9px}.brand{justify-content:center;padding:0}.brand>span,.brand em,.new-document span,.new-document kbd,.sidebar nav button span,.sidebar nav kbd,.nav-label,.privacy-note,.bottom-link:not(.active) span,.bottom-link>span{display:none}.new-document,.sidebar nav button,.bottom-link{justify-content:center;padding:0}.page-heading{flex-direction:column;align-items:flex-start;gap:20px}.editor-shell{grid-template-columns:1fr;gap:11px}.source-column,.output-column{border-radius:12px;min-height:460px}.convert-rail{flex-direction:row;height:35px}.convert-rail span{writing-mode:initial}.rail-line{width:80px;height:1px}.query-layout{grid-template-columns:1fr}}@media (width<=600px){.sidebar{display:none}.topbar{padding-inline:13px}.crumb>svg,.crumb span,.crumb b,.local-badge,.command-search{display:none}.content{padding:25px 12px 38px}.heading-actions{width:100%}.heading-actions>button{flex:1}.editor-head{padding-inline:10px}.editor-tools{padding:2px;overflow-x:auto}.insight-grid{grid-template-columns:1fr 1fr}.privacy-card{grid-column:1/-1}.feature-heading{flex-direction:column;align-items:flex-start;gap:16px}.feature-stat{align-items:flex-start}.about-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}