:root{--color-bg:#fff;--color-surface:#fff;--color-header-bg:#fff;--color-border:#e2e2e5;--color-text:#202124;--color-text-muted:#5b5c62;--color-editor-bg:#fff;--color-editor-border:#d7d8db;--color-tab-bg:#f2f2f4;--color-tab-active-bg:#fff;--color-tab-border:#d7d8db;--color-btn-bg:#202124;--color-btn-bg-hover:#000;--color-btn-text:#fff;--color-chip-bg:#f2f2f4;--color-error-bg:#fdecea;--color-error-border:#f3b7b0;--color-error-text:#b3261e;--color-success:#1a7f37;--color-json-key:#1a56db;--color-json-string:#0a7d34;--color-json-number:#b35900;--color-json-boolean:#8250df;--color-json-null:#6e7781;--color-highlight-bg:#fff3a3;--color-highlight-text:#4a3b00;--color-diff-add-bg:#e6ffed;--color-diff-add-text:#1a7f37;--color-diff-remove-bg:#ffebe9;--color-diff-remove-text:#cf222e;--color-diff-empty-bg:#f6f8fa;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-bg:#17181b;--color-surface:#1e2024;--color-header-bg:#1a1b1f;--color-border:#2e2f35;--color-text:#f1f1f3;--color-text-muted:#a7a8af;--color-editor-bg:#1e2024;--color-editor-border:#34353b;--color-tab-bg:#202126;--color-tab-active-bg:#1e2024;--color-tab-border:#34353b;--color-btn-bg:#f1f1f3;--color-btn-bg-hover:#fff;--color-btn-text:#17181b;--color-chip-bg:#202126;--color-error-bg:#3a1f1f;--color-error-border:#6e2b2b;--color-error-text:#ff8a80;--color-success:#4ade80;--color-json-key:#7aa2f7;--color-json-string:#9ece6a;--color-json-number:#ff9e64;--color-json-boolean:#bb9af7;--color-json-null:#7c85b3;--color-highlight-bg:#5c4b00;--color-highlight-text:#ffe792;--color-diff-add-bg:#1a3a24;--color-diff-add-text:#4ade80;--color-diff-remove-bg:#3a1f1f;--color-diff-remove-text:#ff8a80;--color-diff-empty-bg:#1a1b1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .2s,color .2s}a{color:inherit}.page{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--color-header-bg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon{border-radius:7px;flex-shrink:0}.logo-sub{letter-spacing:.5px;color:var(--color-text);font-size:15px;font-weight:800;line-height:1.2}.nav{align-items:center;gap:24px;display:flex}.nav a{color:var(--color-text-muted);font-size:16px;text-decoration:none}.nav a:hover{color:var(--color-text);text-decoration:underline}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:600;display:flex}.theme-toggle:hover{color:var(--color-text);border-color:var(--color-text-muted)}.hero{background:var(--color-bg);flex:1;padding:50px 40px}.hero-inner{max-width:1400px;margin:0 auto}.editor-col{flex-direction:column;display:flex}.editor-toolbar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.editor-label{color:var(--color-text);font-size:15px;font-weight:700}.icon-btn{border:1px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--color-text);border-color:var(--color-text-muted)}.icon-btn-success{color:var(--color-success);border-color:var(--color-success)}.icon-btn-success:hover{color:var(--color-success)}.toolbar-actions{align-items:center;gap:8px;display:flex}.mode-toggle{border:1px solid var(--color-border);border-radius:6px;display:flex;overflow:hidden}.mode-btn{background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border:none;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600}.mode-btn+.mode-btn{border-left:1px solid var(--color-border)}.mode-btn:hover{color:var(--color-text)}.mode-btn-active{background:var(--color-tab-active-bg);color:var(--color-text)}.tabs-bar{align-items:center;gap:10px;padding-bottom:18px;display:flex}.tabs-scroll{align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.tab{background:var(--color-tab-bg);color:var(--color-text-muted);border:1px solid var(--color-tab-border);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:10px;padding:8px 14px;font-size:14px;font-weight:600;display:flex}.tab:hover{color:var(--color-text)}.tab-active{background:var(--color-tab-active-bg);color:var(--color-text);border-color:var(--color-text-muted)}.tab-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:15px;line-height:1}.tab-close:hover{opacity:1}.tab-add{border:1px solid var(--color-tab-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.tab-add:hover{color:var(--color-text);border-color:var(--color-text-muted)}.compare-link-wrap{flex-shrink:0;display:inline-flex;position:relative}.compare-link{border:1px solid var(--color-tab-border);background:var(--color-surface);color:var(--color-text-muted);white-space:nowrap;cursor:pointer;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.compare-link svg{width:14px;height:14px}.compare-link:hover{color:var(--color-text);border-color:var(--color-text-muted)}.stats-bar{color:var(--color-text-muted);margin-bottom:10px;font-size:13px}.tree-search-row{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:6px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;display:flex}.tree-search-row svg{flex-shrink:0;width:15px;height:15px}.tree-search-input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.tree-search-count{color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:600}.jt-highlight{background:var(--color-highlight-bg);color:var(--color-highlight-text);border-radius:3px;padding:0 2px}.jt-line-match{cursor:pointer;border-radius:3px}.jt-line-match:hover{background:var(--color-tab-bg)}.jt-copied{color:var(--color-success);margin-left:8px;font-size:11px;font-style:normal;font-weight:700}.export-select{border:1px solid var(--color-border);background:var(--color-surface);height:32px;color:var(--color-text-muted);cursor:pointer;border-radius:6px;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600}.export-select:hover{color:var(--color-text);border-color:var(--color-text-muted)}.export-group{border:1px solid var(--color-border);border-radius:6px;align-items:stretch;display:flex;overflow:hidden}.export-group .export-select,.export-group .icon-btn{border:none;border-radius:0}.export-group .export-select{border-right:1px solid var(--color-border)}.export-group .icon-btn+.icon-btn{border-left:1px solid var(--color-border)}.export-group-disabled{opacity:.5;pointer-events:none}.editor{resize:vertical;border:1px solid var(--color-editor-border);width:100%;min-height:420px;color:var(--color-text);background:var(--color-editor-bg);box-sizing:border-box;border-radius:6px;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:15px}.editor:focus{outline:2px solid var(--color-text-muted)}.editor-error{border-color:var(--color-error-border)}.editor-error:focus{outline:2px solid var(--color-error-border)}.json-error-banner{border:1px solid var(--color-error-border);background:var(--color-error-bg);color:var(--color-error-text);cursor:pointer;border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:10px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.json-error-icon{flex-shrink:0}.toast{background:var(--color-btn-bg);width:max-content;max-width:220px;color:var(--color-btn-text);text-align:center;white-space:normal;z-index:100;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.4;animation:.15s ease-out toast-in;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.toast:after{content:"";border:6px solid #0000;border-top-color:var(--color-btn-bg);position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.json-tree-view{border:1px solid var(--color-editor-border);width:100%;min-height:420px;color:var(--color-text);background:var(--color-editor-bg);box-sizing:border-box;border-radius:6px;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.7;overflow:auto}.json-tree-empty{text-align:center;color:var(--color-text-muted);justify-content:center;align-items:center;padding:16px 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.jt-line{white-space:pre-wrap;word-break:break-word;align-items:flex-start;display:flex}.jt-toggle{width:16px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-right:2px;padding:0;font-size:10px;line-height:1.7}.jt-toggle:hover{color:var(--color-text)}.jt-spacer{flex-shrink:0;width:18px;display:inline-block}.jt-key{color:var(--color-json-key)}.jt-string{color:var(--color-json-string)}.jt-number{color:var(--color-json-number)}.jt-boolean{color:var(--color-json-boolean)}.jt-null{color:var(--color-json-null)}.jt-punct{color:var(--color-text-muted)}.jt-summary{color:var(--color-text-muted);margin:0 4px;font-style:italic}.button-row{justify-content:center;align-items:center;gap:24px;margin-top:24px;display:flex}.process-btn{background:var(--color-btn-bg);color:var(--color-btn-text);cursor:pointer;border:none;border-radius:4px;padding:14px 40px;font-size:17px;font-weight:700}.process-btn:hover{background:var(--color-btn-bg-hover)}.fix-link{color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #fff;border-radius:4px;padding:14px 40px;font-family:inherit;font-size:17px;font-weight:700;text-decoration:none;box-shadow:0 0 0 1px #00000026}.fix-link:hover{background:var(--color-tab-bg)}.process-btn:disabled,.fix-link:disabled{opacity:.6;cursor:not-allowed}.fullview{flex-direction:column;max-width:1400px;margin:0 auto;display:flex}.fullview-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.fullview-title{color:var(--color-text);font-size:16px;font-weight:700}.fullview-editor{min-height:68vh}.about{background:var(--color-bg);flex:1;justify-content:center;align-items:center;padding:50px 40px;display:flex}.about-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:10px;max-width:640px;padding:48px;box-shadow:0 4px 20px #0000000d}.about-card h1{color:var(--color-text);margin:0 0 20px;font-size:28px}.about-card p{color:var(--color-text-muted);margin:0 0 28px;font-size:16px;line-height:1.6}.about-version{background:var(--color-chip-bg);color:var(--color-text);border-radius:20px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-block}.legal{background:var(--color-bg);flex:1;justify-content:center;padding:50px 40px;display:flex}.legal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;width:100%;max-width:760px;padding:48px;box-shadow:0 4px 20px #0000000d}.legal-card h1{color:var(--color-text);margin:0 0 8px;font-size:26px}.legal-updated{color:var(--color-text-muted);margin:0 0 32px;font-size:13px}.legal-card section{margin-bottom:26px}.legal-card section:last-child{margin-bottom:0}.legal-card h2{color:var(--color-text);margin:0 0 10px;font-size:17px}.legal-card p{color:var(--color-text-muted);margin:0 0 12px;font-size:15px;line-height:1.6}.legal-card p:last-child{margin-bottom:0}.legal-card ul{color:var(--color-text-muted);margin:0 0 12px;padding-left:22px;font-size:15px;line-height:1.6}.legal-card li{margin-bottom:6px}.compare{background:var(--color-bg);flex:1;padding:50px 40px}.compare-inner{max-width:1400px;margin:0 auto}.compare-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.compare-picker{gap:16px;display:flex}.compare-picker label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.4px;flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.compare-picker select{border:1px solid var(--color-border);background:var(--color-surface);height:36px;color:var(--color-text);text-transform:none;letter-spacing:normal;cursor:pointer;border-radius:6px;min-width:200px;padding:0 10px;font-family:inherit;font-size:14px;font-weight:600}.compare-stats{align-items:center;gap:10px;display:flex}.diff-stat{border-radius:20px;padding:5px 12px;font-size:13px;font-weight:700}.diff-stat-add{background:var(--color-diff-add-bg);color:var(--color-diff-add-text)}.diff-stat-remove{background:var(--color-diff-remove-bg);color:var(--color-diff-remove-text)}.compare-hint{color:var(--color-text-muted);text-align:center;margin-top:60px;font-size:15px}.diff-view{border:1px solid var(--color-editor-border);background:var(--color-editor-bg);border-radius:6px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.diff-col{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.diff-col+.diff-col{border-left:1px solid var(--color-editor-border)}.diff-row{white-space:pre;display:flex}.diff-row-add{background:var(--color-diff-add-bg)}.diff-row-remove{background:var(--color-diff-remove-bg)}.diff-row-empty{background:var(--color-diff-empty-bg)}.diff-line-num{text-align:right;width:44px;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;opacity:.7;flex-shrink:0;padding:0 10px}.diff-line-text{color:var(--color-text);padding:0 12px 0 4px}