:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#20231f;font-synthesis:none;text-rendering:optimizelegibility;--bg:#eef1eb;--surface:#fbfcf9;--surface-raised:#fff;--surface-muted:#f3f5f0;--border:#d8ddd4;--border-strong:#c8cec4;--text:#20231f;--text-muted:#697067;--text-faint:#929990;--accent:#237a3d;--accent-strong:#17632e;--accent-soft:#e0f1e3;--danger:#bd3e3e;--danger-soft:#fbe8e6;--warning:#9d671d;--shadow:0 12px 36px #1c23191a;background:#eef1eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8eae4;--bg:#10120f;--surface:#171916;--surface-raised:#1c1f1a;--surface-muted:#20231e;--border:#30342e;--border-strong:#3d433a;--text:#e8eae4;--text-muted:#a1a79d;--text-faint:#70766e;--accent:#82c98e;--accent-strong:#a0d7aa;--accent-soft:#203b26;--danger:#ef8380;--danger-soft:#3a2221;--warning:#e2b56e;--shadow:0 18px 48px #00000052;background:#10120f}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg{stroke-width:1.8px;width:16px;height:16px}.app-shell{background:var(--bg);grid-template-rows:52px 46px minmax(0,1fr) 28px;width:100%;height:100%;display:grid}.app-header,.command-bar,.status-bar{border-color:var(--border);background:var(--surface);align-items:center;display:flex}.app-header{border-bottom:1px solid var(--border);gap:16px;padding:0 14px}.brand{align-items:center;gap:9px;min-width:150px;display:flex}.brand h1{letter-spacing:0;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:16px;font-weight:700}.brand-mark{width:22px;height:22px;color:var(--accent)}.header-status{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.header-status svg{width:14px;height:14px;color:var(--accent)}.header-actions{gap:3px;margin-left:auto;display:flex}.command-bar{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;padding:6px 10px;overflow-x:auto}.command-bar::-webkit-scrollbar{display:none}.command-button,.mobile-pane-toggle{min-height:32px;color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.command-button:hover,.mobile-pane-toggle:hover{background:var(--surface-muted);color:var(--text)}.command-primary{border-color:color-mix(in srgb, var(--accent) 30%, transparent);background:var(--accent-soft);color:var(--accent-strong)}.command-primary:hover{background:color-mix(in srgb, var(--accent-soft) 75%, var(--accent) 25%);color:var(--accent-strong)}.command-divider{background:var(--border);width:1px;height:20px;margin:0 4px}.file-input{display:none}.icon-button{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:0 0 32px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover,.icon-button[aria-pressed=true]{background:var(--surface-muted);color:var(--text)}.icon-button.is-danger:hover{background:var(--danger-soft);color:var(--danger)}.mobile-pane-toggle{margin-left:auto;display:none}.workspace{background:var(--border);grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:1px;min-height:0;display:grid}.workspace-pane{background:var(--surface);grid-template-rows:40px minmax(0,1fr);min-width:0;min-height:0;display:grid}.editor-pane:has(.error-strip){grid-template-rows:40px minmax(0,1fr) auto}.pane-header{border-bottom:1px solid var(--border);background:var(--surface-muted);align-items:center;gap:10px;min-width:0;padding:0 11px;display:flex}.pane-title{align-items:center;gap:7px;min-width:0;font-size:12px;font-weight:650;display:flex}.pane-title svg{color:var(--text-muted)}.filename{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:500;overflow:hidden}.validity{color:var(--text-faint);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;font-size:11px;display:inline-flex}.validity svg{width:13px;height:13px}.validity.is-valid{color:var(--accent)}.validity.is-invalid{color:var(--danger)}.editor-surface,.preview-surface{background:var(--surface);min-width:0;min-height:0;overflow:hidden}.json-editor,.json-editor>div,.json-editor .cm-editor,.json-editor .cm-scroller{height:100%}.json-editor .cm-editor{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.json-editor .cm-scroller{overflow:auto}.error-strip{border-top:1px solid color-mix(in srgb, var(--danger) 35%, var(--border));background:var(--danger-soft);color:var(--danger);align-items:center;gap:12px;padding:8px 10px;display:flex}.error-strip>div{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:11px;display:flex}.error-strip strong{font-size:12px}.error-strip button{border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);min-height:28px;color:inherit;cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:650;display:inline-flex}.preview-header{justify-content:space-between}.preview-action.icon-button{flex-basis:28px;width:28px;height:28px}.preview-tabs{align-items:center;gap:2px;height:100%;display:flex}.preview-tabs button{height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.preview-tabs button[aria-selected=true]{color:var(--text)}.preview-tabs button[aria-selected=true]:after{background:var(--accent);content:"";height:2px;position:absolute;bottom:0;left:7px;right:7px}.tree-search{border:1px solid var(--border);background:var(--surface);width:min(190px,42%);height:28px;color:var(--text-faint);border-radius:5px;align-items:center;gap:5px;padding:0 8px;display:flex}.tree-search svg{flex:none;width:13px;height:13px}.tree-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.tree-search input::placeholder{color:var(--text-faint)}.tree-layout{grid-template-rows:35px minmax(0,1fr);height:100%;min-height:0;display:grid;position:relative}.tree-controls{border-bottom:1px solid var(--border);background:var(--surface-muted);align-items:center;gap:3px;padding:3px 8px;display:flex}.tree-controls .icon-button{flex-basis:27px;width:27px;height:27px}.tree-controls .icon-button svg{width:14px;height:14px}.tree-controls .icon-button:disabled{cursor:not-allowed;opacity:.45}.tree-depth-control:has(select:disabled){cursor:not-allowed;opacity:.45}.tree-depth-control{border:1px solid var(--border);background:var(--surface);height:27px;color:var(--text-faint);border-radius:5px;align-items:center;gap:4px;margin-left:2px;padding:0 5px;display:inline-flex}.tree-depth-control svg{flex:none;width:13px;height:13px}.tree-depth-control select{height:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:0;outline:0;padding:0 16px 0 0;font-size:11px;font-weight:600}.tree-depth-control select:disabled{cursor:not-allowed}.tree-view{min-height:0;padding:8px 0 24px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;overflow:auto}.tree-row{border-left:2px solid #0000;align-items:center;width:100%;min-width:max-content;height:30px;padding-right:8px;display:flex}.tree-row:hover,.tree-row:focus-within,.tree-row:focus-visible{border-left-color:color-mix(in srgb, var(--accent) 55%, transparent);background:var(--surface-muted);outline:none}.tree-toggle{width:22px;height:24px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;flex:0 0 22px;justify-content:center;align-items:center;padding:0;display:inline-flex}.tree-toggle svg{width:14px;height:14px}.tree-toggle.is-placeholder{cursor:default}.tree-key{color:#26757d;text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-weight:650;overflow:hidden}:root[data-theme=dark] .tree-key{color:#70c6cd}.tree-separator{color:var(--text-faint);margin:0 6px 0 2px}.tree-value{max-width:min(560px,58vw);font-family:inherit;font-size:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:default;background:0 0;border:0;border-radius:3px;padding:2px 3px;overflow:hidden}.tree-value:not(.value-object,.value-array){cursor:text}.value-string{color:#9c4f23}.value-number{color:#3768af}.value-boolean{color:#7b4caf}.value-null{color:var(--text-faint);font-style:italic}.value-object,.value-array{color:var(--text-muted);cursor:pointer}:root[data-theme=dark] .value-string{color:#e29a70}:root[data-theme=dark] .value-number{color:#80aee9}:root[data-theme=dark] .value-boolean{color:#c79aef}.tree-row-actions{opacity:0;align-items:center;gap:0;margin-left:auto;padding-left:14px;display:flex}.tree-row:hover .tree-row-actions,.tree-row:focus-within .tree-row-actions{opacity:1}.tree-row-actions .icon-button,.tree-edit .icon-button{flex-basis:25px;width:25px;height:25px}.tree-row-actions svg,.tree-edit svg{width:13px;height:13px}.tree-edit{align-items:center;gap:2px;min-width:180px;display:flex}.tree-edit input{border:1px solid var(--accent);background:var(--surface-raised);width:min(340px,36vw);height:25px;color:var(--text);font-family:inherit;font-size:inherit;border-radius:4px;padding:0 6px}.tree-empty,.empty-preview,.history-empty{color:var(--text-faint);justify-content:center;align-items:center;font-size:12px;display:flex}.tree-empty{height:120px}.tree-dialog-backdrop{z-index:12;background:color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.tree-dialog{border:1px solid var(--border-strong);background:var(--surface-raised);width:min(340px,100%);box-shadow:var(--shadow);border-radius:7px;flex-direction:column;gap:13px;padding:16px;display:flex}.tree-dialog-title{align-items:center;gap:7px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;display:flex}.tree-dialog-title svg{color:var(--accent)}.tree-dialog label{color:var(--text-muted);flex-direction:column;gap:6px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:650;display:flex}.tree-dialog input{border:1px solid var(--border-strong);background:var(--surface);width:100%;height:34px;color:var(--text);border-radius:5px;padding:0 9px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.tree-dialog-actions{justify-content:flex-end;gap:6px;display:flex}.tree-dialog-actions button{border:1px solid var(--border);height:31px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:5px;padding:0 11px;font-size:11px;font-weight:650}.tree-dialog-actions button:hover{background:var(--surface-muted);color:var(--text)}.tree-dialog-actions .is-primary{border-color:var(--accent);background:var(--accent);color:var(--surface-raised)}.tree-dialog-actions .is-primary:hover{background:var(--accent-strong);color:var(--surface-raised)}.tree-virtual-viewport{height:100%;overflow:auto}.tree-virtual-space{position:relative}.tree-virtual-window{position:absolute;top:0;left:0;right:0}.json-table-layout{grid-template-rows:minmax(0,1fr) auto;min-width:0;height:100%;min-height:0;display:grid}.json-table-view{min-width:0;height:100%;min-height:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;overflow:auto}.json-table-view table{border-spacing:0;width:max-content;min-width:100%;color:var(--text)}.json-table-view th,.json-table-view td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:420px;height:34px;padding:0 11px;overflow:hidden}.json-table-view thead th{z-index:2;background:var(--surface-muted);color:var(--text-muted);font-weight:700;position:sticky;top:0}.json-table-view tbody tr:hover td,.json-table-view tbody tr:hover th{background:var(--surface-muted)}.json-table-view .table-row-number{z-index:1;border-right-color:var(--border-strong);background:var(--surface);width:48px;min-width:48px;color:var(--text-faint);text-align:right;font-variant-numeric:tabular-nums;position:sticky;left:0}.json-table-view thead .table-row-number{z-index:3;background:var(--surface-muted)}.table-value-string{color:var(--accent-strong)}.table-value-number{color:#9b5a2e}:root[data-theme=dark] .table-value-number{color:#e4a36f}.table-value-boolean{color:#2f68a0}:root[data-theme=dark] .table-value-boolean{color:#83b7e6}.table-value-null,.table-value-missing{color:var(--text-faint);font-style:italic}.table-value-array,.table-value-object{color:var(--text-muted)}.table-empty{height:100%;color:var(--text-faint);justify-content:center;align-items:center;font-size:12px;display:flex}.table-limit-notice{border-top:1px solid var(--border);background:var(--surface-muted);min-height:28px;color:var(--text-faint);padding:7px 11px;font-size:10px}.text-preview{height:100%;color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;padding:16px 18px 40px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.65;overflow:auto}.empty-preview{flex-direction:column;gap:10px;height:100%}.empty-preview svg{opacity:.45;width:28px;height:28px}.status-bar{border-top:1px solid var(--border);color:var(--text-faint);white-space:nowrap;gap:13px;padding:0 10px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.status-bar span+span:before{color:var(--border-strong);content:"·";margin-right:13px}.status-spacer{flex:1}.status-spacer:before,.shortcut-hint:before{display:none}.history-drawer{z-index:20;border-left:1px solid var(--border);background:var(--surface-raised);width:min(380px,92vw);box-shadow:var(--shadow);grid-template-rows:46px minmax(0,1fr);display:grid;position:fixed;top:52px;bottom:28px;right:0}.drawer-header{border-bottom:1px solid var(--border);align-items:center;padding:0 8px 0 13px;display:flex}.drawer-header>div{align-items:center;gap:7px;font-size:13px;display:flex}.drawer-header>.icon-button{margin-left:auto}.history-list{padding:8px;overflow:auto}.history-list>button{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;grid-template-columns:1fr auto;gap:4px 10px;padding:10px;display:grid}.history-list>button:hover{background:var(--surface-muted)}.history-list span{font-size:12px;font-weight:650}.history-list time{color:var(--text-faint);font-size:10px}.history-list code{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:10px;overflow:hidden}.history-empty{flex-direction:column;gap:8px;height:160px}.toast{z-index:40;border:1px solid var(--border-strong);background:var(--surface-raised);max-width:min(360px,100vw - 32px);box-shadow:var(--shadow);color:var(--text);border-radius:6px;padding:9px 12px;font-size:12px;position:fixed;bottom:42px;right:16px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=760px){.app-shell{grid-template-rows:50px 46px minmax(0,1fr) 28px}.app-header{padding:0 10px}.brand{min-width:0}.header-status span{display:none}.command-bar{padding-left:7px;padding-right:7px}.command-button{padding:0 8px}.command-divider,.command-bar>.icon-button{display:none}.mobile-pane-toggle{display:inline-flex}.workspace{display:block}.workspace-pane{width:100%;height:100%}.workspace.mobile-editor .preview-pane,.workspace.mobile-preview .editor-pane{display:none}.tree-key{max-width:150px}.tree-value{max-width:48vw}.tree-row-actions{opacity:.65}.shortcut-hint{display:none}}@media (width<=480px){.command-button:nth-of-type(3){display:none}.tree-search{width:min(118px,36%)}.preview-tabs{gap:0}.preview-tabs button{gap:3px;padding:0 6px}.preview-tabs button svg{display:none}.status-bar{gap:8px;overflow:hidden}.status-bar span+span:before{margin-right:8px}}@media (prefers-reduced-motion:no-preference){.history-drawer{animation:.15s ease-out drawer-in}.toast{animation:.13s ease-out toast-in}}@keyframes drawer-in{0%{opacity:0;transform:translate(18px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(5px)}}