:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80}}html{height:100%;min-height:100dvh}body{height:100%;min-height:100dvh;margin:0}#root{box-sizing:border-box;flex-direction:column;max-width:100%;height:100%;min-height:100dvh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}p{margin:0}code{font-family:var(--mono);background:var(--code-bg);color:var(--text-h);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%}.app{text-align:left;box-sizing:border-box;flex-direction:column;flex:auto;align-items:stretch;width:100%;min-height:100dvh;margin:0 auto;padding:20px 24px 24px;display:flex;overflow:hidden}.app-error{color:var(--text-h);padding:24px}.app-error h1{margin:0 0 12px;font-size:20px}.header{flex-shrink:0;margin-bottom:16px}.workspace-header{flex-direction:column;gap:10px;display:flex}.workspace-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.workspace-title-input{min-width:0;font-family:var(--heading);letter-spacing:-.4px;color:var(--text-h);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:8px;flex:200px;margin:0;padding:6px 10px;font-size:22px;font-weight:500;line-height:1.2}.workspace-title-input:hover{border-color:var(--border);background:var(--code-bg)}.workspace-title-input:focus{border-color:var(--accent-border);background:var(--bg);box-shadow:0 0 0 2px var(--accent-bg);outline:none}.workspace-select{min-width:140px;max-width:min(100%,280px);font-family:var(--sans);color:var(--text-h);background:var(--code-bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex:0 auto;padding:8px 10px;font-size:14px}.workspace-action-btn{font-family:var(--sans);color:var(--text-h);background:var(--code-bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:14px;font-weight:500}.workspace-action-btn:hover{border-color:var(--accent-border)}.workspace-action-btn--primary{color:var(--accent);background:var(--accent-bg);border-color:#0000}.workspace-action-btn--primary:hover{border-color:var(--accent-border)}.workspace-import-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.workspace-import-error{color:#c0392b;margin:0;font-size:13px}.columns-row{flex-direction:row;flex:1;align-items:stretch;min-height:0;display:flex;overflow:hidden}.columns{--column-gap:20px;--diff-panel-gap:12px;gap:var(--column-gap);flex-flow:row;flex:1;align-items:stretch;min-width:0;min-height:0;padding-bottom:8px;display:flex;overflow:auto hidden}.column{flex-direction:column;flex:280px;min-width:min(100%,280px);min-height:0;max-height:100%;display:flex;overflow:hidden}.column--pair-diff,.column--pair-diff .column-main{overflow:visible}.column-header{flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.column-title-input{width:0;min-width:0;font-family:var(--sans);color:var(--text-h);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:8px;flex:auto;padding:6px 10px;font-size:15px;font-weight:500}.column-title-input:hover{border-color:var(--border);background:var(--code-bg)}.column-title-input:focus{border-color:var(--accent-border);background:var(--bg);box-shadow:0 0 0 2px var(--accent-bg);outline:none}.column-close{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:inline-flex}.column-close:hover:not(:disabled){color:var(--text-h);background:var(--code-bg);border-color:var(--border)}.column-close:disabled{opacity:.35;cursor:not-allowed}.column-main{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow:hidden}.column-main .editor-wrap{flex:4;min-height:0}.column-main .diff-panel{flex:1;min-height:0;max-height:none;margin-top:0}.add-column-rail{border-left:1px solid var(--border);flex-direction:column;flex:none;align-self:flex-start;align-items:center;margin-left:12px;padding-left:16px;display:flex}.add-column-btn{font-family:var(--sans);color:var(--accent);background:var(--accent-bg);cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:500}.add-column-btn:hover{border-color:var(--accent-border)}.editor-wrap{z-index:0;flex-direction:column;flex:1;width:100%;min-height:128px;display:flex;position:relative}.editor-wrap .json-cm{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex}.editor-wrap .json-cm .cm-editor{border:1px solid var(--border);background:var(--code-bg);border-radius:10px;flex:1;height:100%;min-height:0;overflow:hidden}.editor-wrap .json-cm .cm-editor.cm-focused{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.editor-wrap .json-cm .cm-scroller{font-size:14px;line-height:1.55;overflow:auto}.editor-wrap .json-cm .cm-jump-mark{outline:1.5px solid var(--accent-border);background:var(--accent-bg);border-radius:3px}.diff-panel{z-index:2;border:1px solid var(--border);background:var(--code-bg);box-sizing:border-box;border-radius:10px;flex:none;min-height:min-content;padding:11px 13px;position:relative;overflow:auto}.diff-panel--span-pair{margin-left:calc(50% + var(--diff-panel-gap));width:calc(100% + var(--column-gap) - 2 * var(--diff-panel-gap))}.diff-panel--placeholder{visibility:hidden;pointer-events:none;border-color:#0000;flex:1;min-height:0;overflow:hidden}.diff-panel-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text);font-size:12px;font-weight:600;font-family:var(--sans);margin:0 0 10px}.diff-panel-empty{color:var(--text);margin:0;font-size:13px;line-height:1.45}.diff-path-list{margin:0;padding:0;list-style:none}.diff-path-item+.diff-path-item{margin-top:6px}.diff-path-btn{box-sizing:border-box;text-align:left;width:100%;font:inherit;color:var(--text-h);cursor:pointer;word-break:break-word;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 8px;display:block}.diff-path-btn:hover{background:var(--bg);border-color:var(--border)}.diff-path-btn code{font-family:var(--mono);background:0 0;padding:0;font-size:12px;display:inline}.hint{color:var(--text);flex-shrink:0;margin:8px 0 0;font-size:14px}@media (width<=640px){.columns-row{flex-direction:column}.add-column-rail{border-left:none;border-top:1px solid var(--border);flex-direction:row;justify-content:flex-end;margin-top:16px;margin-left:0;padding-top:16px;padding-left:0}}