.icon[data-v-051edbdb]{flex:none;display:block}.drop-menu[data-v-3a7e87b5]{position:relative}.drop-panel[data-v-3a7e87b5]{z-index:500;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:200px;max-height:min(70vh,560px);box-shadow:var(--shadow-lg);padding:4px;position:fixed;overflow:auto}.drop-panel.right[data-v-3a7e87b5]{transform:translate(-100%)}.item[data-v-3a7e87b5]{border-radius:var(--radius-sm);width:100%;height:32px;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:9px;padding:0 10px;font-size:13px;display:flex}.item[data-v-3a7e87b5]:hover:not(:disabled){background:var(--accent);color:#fff}.item[data-v-3a7e87b5]:disabled{opacity:.4;cursor:not-allowed}.item.danger[data-v-3a7e87b5]{color:var(--danger)}.item.danger[data-v-3a7e87b5]:hover{background:var(--danger);color:#fff}.shortcut[data-v-3a7e87b5]{opacity:.6;font-size:11px;font-family:var(--font-mono);margin-left:auto}.separator[data-v-3a7e87b5]{background:var(--border);height:1px;margin:4px 2px}.style-picker[data-v-8f068612]{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;display:grid}.style-card[data-v-8f068612]{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);cursor:pointer;text-align:left;flex-direction:column;gap:8px;padding:8px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.style-card[data-v-8f068612]:hover{border-color:var(--accent);transform:translateY(-1px)}.style-card.active[data-v-8f068612]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.meta[data-v-8f068612]{justify-content:space-between;align-items:center;gap:6px;display:flex}.meta .name[data-v-8f068612]{color:var(--text);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.swatches[data-v-8f068612]{gap:3px;display:inline-flex}.swatches .swatch[data-v-8f068612]{border:1px solid #0000001f;border-radius:999px;width:9px;height:9px}.mini[data-v-8f068612]{border:1px solid #00000014;border-radius:6px;flex-direction:column;height:58px;display:flex;overflow:hidden}.mini-header[data-v-8f068612]{flex:none;height:12px}.mini-body[data-v-8f068612]{flex:1;gap:3px;padding:4px;display:flex}.mini-panel[data-v-8f068612]{border-radius:3px;flex-direction:column;flex:1;gap:3px;padding:4px;display:flex}.mini-row[data-v-8f068612]{opacity:.55;background:currentColor;border-radius:2px;height:3px}.mini-row.short[data-v-8f068612]{width:60%}.preview-classic .mini[data-v-8f068612]{background:#eef1f6}.preview-classic .mini-header[data-v-8f068612]{background:#fff;border-bottom:1px solid #dde3ec}.preview-classic .mini-panel[data-v-8f068612]{color:#2563eb;background:#fff;box-shadow:0 1px 2px #10182814}.preview-modern .mini[data-v-8f068612]{background:linear-gradient(150deg,#ddd6fe,#bfdbfe 55%,#fbcfe8)}.preview-modern .mini-header[data-v-8f068612]{background:#ffffffa6}.preview-modern .mini-panel[data-v-8f068612]{color:#4f46e5;background:#ffffffb8;border-radius:6px;box-shadow:0 4px 10px #312e812e}.preview-soft .mini[data-v-8f068612],.preview-soft .mini-header[data-v-8f068612]{background:#e8ebf2}.preview-soft .mini-panel[data-v-8f068612]{color:#5b6bd6;background:#e8ebf2;border-radius:6px;box-shadow:3px 3px 7px #a3b1c6b3,-3px -3px 7px #fff}.preview-brutal .mini[data-v-8f068612]{background:#fdf3d8}.preview-brutal .mini-header[data-v-8f068612]{background:#ffd60a;border-bottom:2px solid #111}.preview-brutal .mini-panel[data-v-8f068612]{color:#111;background:#fff;border:2px solid #111;border-radius:4px;box-shadow:2px 2px #111}.preview-terminal .mini[data-v-8f068612]{background:#05080a;border-color:#17301f}.preview-terminal .mini-header[data-v-8f068612]{background:#070c0f}.preview-terminal .mini-panel[data-v-8f068612]{color:#2ee68a;background:#0a0f12;border-radius:2px;box-shadow:0 0 0 1px #2ee68a2e}.app-header[data-v-78d2863d]{min-height:var(--header-height);background:var(--header-bg);-webkit-backdrop-filter:var(--header-blur);border-bottom:var(--header-border-width) solid var(--border);font-family:var(--font-ui);z-index:50;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:6px 14px;display:flex;position:relative}@media (max-width:1700px){.app-header[data-v-78d2863d]{gap:4px 8px;padding:6px 10px}.actions .btn[data-v-78d2863d]{padding:0 9px}}.app-header[data-v-78d2863d]:after{content:"";background:linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 55%, #a855f7) 32%, transparent 78%);opacity:.8;pointer-events:none;height:2px;position:absolute;bottom:-1px;left:0;right:0}html[data-ui=brutal] .app-header[data-v-78d2863d]:after{display:none}.brand[data-v-78d2863d]{border-right:1px solid var(--divider-color);align-self:stretch;align-items:center;gap:10px;margin-right:2px;padding-right:12px;display:flex}.perf-chip[data-v-78d2863d]{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));background:var(--accent-soft);height:24px;color:var(--accent-text);font-size:11.5px;font-family:var(--font-ui);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 10px;transition:background .14s,border-color .14s;display:inline-flex}.perf-chip[data-v-78d2863d]:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, transparent)}@media (max-width:1180px){.perf-chip[data-v-78d2863d]{display:none}}.logo-mark[data-v-78d2863d]{color:#fff;background:linear-gradient(140deg,#3b82f6,#1d4ed8);border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;box-shadow:0 3px 10px #2563eb59}.brand-text[data-v-78d2863d]{flex-direction:column;line-height:1.2;display:flex}.brand-text .name[data-v-78d2863d]{letter-spacing:-.01em;color:var(--text);font-size:15px;font-weight:650}.brand-text .tagline[data-v-78d2863d]{color:var(--text-subtle);font-size:11px}.menus[data-v-78d2863d]{align-items:center;gap:2px;display:flex}.actions[data-v-78d2863d]{align-items:center;gap:4px;margin-left:auto;display:flex}.locale[data-v-78d2863d]{color:var(--text-muted);align-items:center;gap:2px;display:inline-flex}.locale-select[data-v-78d2863d]{border-radius:var(--radius);height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;padding:0 2px;font-size:12px}.locale-select[data-v-78d2863d]:hover{background:var(--bg-hover);color:var(--text)}.style-popover[data-v-78d2863d]{flex-direction:column;gap:10px;padding:6px;display:flex}.popover-title[data-v-78d2863d]{color:var(--text);font-size:12px;font-weight:600}.smooth-toggle[data-v-78d2863d]{font-size:12px}@media (max-width:1280px){.brand-text .tagline[data-v-78d2863d]{display:none}}@media (max-width:1080px){.actions .btn .label-less[data-v-78d2863d]{display:none}}.text-editor[data-v-18b0ed5f]{background:var(--bg-code);flex:1;min-height:0;position:relative;overflow:hidden}.editor-host[data-v-18b0ed5f],.text-editor[data-v-18b0ed5f] .cm-editor{height:100%}.text-editor[data-v-18b0ed5f] .cm-editor.cm-focused{outline:none}.text-editor[data-v-18b0ed5f] .cm-scroller{overflow:auto}.text-editor[data-v-18b0ed5f] .cm-fold-marker{color:var(--text-subtle);cursor:pointer;font-size:10px}.tree-editor[data-v-39e9d850]{flex-direction:column;flex:1;min-height:0;display:flex}.tree-viewport[data-v-39e9d850]{background:var(--bg-code);outline:none;flex:1;min-height:0;position:relative;overflow:auto}.tree-canvas[data-v-39e9d850]{min-height:100%;position:relative}.tree-row[data-v-39e9d850]{height:30px;font-family:var(--font-mono);font-size:var(--editor-font-size,14px);white-space:nowrap;cursor:default;border-radius:3px;align-items:center;gap:5px;display:flex;position:absolute;left:0;right:0}.tree-row[data-v-39e9d850]:hover{background:var(--bg-hover)}.tree-row.selected[data-v-39e9d850]{background:var(--bg-active);box-shadow:inset 2px 0 0 var(--accent)}.tree-row.match[data-v-39e9d850]{background:#facc154d;box-shadow:inset 3px 0 #eab308}.tree-row.current-match[data-v-39e9d850]{background:#f9731657;box-shadow:inset 3px 0 #ea580c,inset 0 0 0 2px #ea580c8c}.tree-row.drop-target[data-v-39e9d850]{border-top:2px solid var(--accent)}.expander[data-v-39e9d850]{width:18px;height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;padding:0;display:inline-flex}.expander[data-v-39e9d850]:hover{background:var(--bg-hover);color:var(--text)}.expander.placeholder[data-v-39e9d850]{display:inline-block}.cell[data-v-39e9d850]{align-items:center;min-width:0;display:inline-flex}.key-cell[data-v-39e9d850]{text-overflow:ellipsis;flex:none;max-width:45%;overflow:hidden}.key-text[data-v-39e9d850]{color:var(--json-key);cursor:text;font-weight:600}.index[data-v-39e9d850]{color:var(--text-subtle);font-weight:500}.colon[data-v-39e9d850]{color:var(--json-punct);margin-left:1px}.value-cell[data-v-39e9d850]{text-overflow:ellipsis;flex:auto;gap:4px;min-width:0;overflow:hidden}.value-text[data-v-39e9d850]{text-overflow:ellipsis;font-weight:500;overflow:hidden}.v-string .value-text[data-v-39e9d850]{color:var(--json-string)}.v-number .value-text[data-v-39e9d850]{color:var(--json-number)}.v-boolean .value-text[data-v-39e9d850]{color:var(--json-boolean)}.v-null .value-text[data-v-39e9d850]{color:var(--json-null);font-style:italic}.v-array .container-preview[data-v-39e9d850],.v-object .container-preview[data-v-39e9d850]{color:var(--json-punct)}.container-preview[data-v-39e9d850]{align-items:center;gap:5px;display:inline-flex}.container-preview.empty-container[data-v-39e9d850]{opacity:.65}.bool-toggle[data-v-39e9d850]{accent-color:var(--accent);width:15px;height:15px;margin:0}.row-actions[data-v-39e9d850]{align-items:center;gap:2px;margin-left:auto;padding-right:6px;display:none}.tree-row:hover .row-actions[data-v-39e9d850]{display:inline-flex}.type-select[data-v-39e9d850]{border:1px solid var(--border);background:var(--bg-surface);height:22px;color:var(--text-muted);border-radius:4px;padding:0 3px;font-size:12px}.inline-editor[data-v-39e9d850]{width:100%;display:inline-flex}.inline-editor .input[data-v-39e9d850],.inline-editor .textarea[data-v-39e9d850]{min-width:180px;height:24px;padding:0 6px;font-size:13px}.inline-editor .textarea[data-v-39e9d850]{z-index:10;background:var(--bg-elevated);width:420px;height:auto;min-height:48px;box-shadow:var(--shadow);position:absolute}.tree-toolbar[data-v-39e9d850]{border-top:1px solid var(--border);background:var(--bg-surface-2);align-items:center;gap:6px;padding:3px 6px;display:flex}.table-editor[data-v-627137c8]{flex-direction:column;flex:1;min-height:0;display:flex}.table-scroll[data-v-627137c8]{flex:1;min-height:0;overflow:auto}table[data-v-627137c8]{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--editor-font-size,14px);font-family:var(--font-mono)}th[data-v-627137c8],td[data-v-627137c8]{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:420px;height:32px;padding:0 10px;overflow:hidden}th[data-v-627137c8]{z-index:2;background:var(--bg-surface-2);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;position:sticky;top:0}th.sorted[data-v-627137c8]{color:var(--accent-text)}.th-inner[data-v-627137c8]{align-items:center;gap:4px;display:inline-flex}tbody tr[data-v-627137c8]:hover{background:var(--bg-hover)}tbody tr.selected[data-v-627137c8]{background:var(--warning-soft)}.index-col[data-v-627137c8]{width:44px;color:var(--text-subtle);cursor:default}.key-col[data-v-627137c8]{width:30%;color:var(--json-key);cursor:default}.action-col[data-v-627137c8]{text-align:center;border-right:0;width:34px}.cell-text[data-v-627137c8],.cell-container[data-v-627137c8]{text-overflow:ellipsis;vertical-align:middle;max-width:400px;display:inline-block;overflow:hidden}.v-string .cell-text[data-v-627137c8]{color:var(--json-string)}.v-number .cell-text[data-v-627137c8]{color:var(--json-number)}.v-boolean .cell-text[data-v-627137c8]{color:var(--json-boolean)}.v-null .cell-text[data-v-627137c8]{color:var(--json-null);font-style:italic}.missing[data-v-627137c8]{background:repeating-linear-gradient(45deg, transparent, transparent 6px, var(--bg-hover) 6px, var(--bg-hover) 12px)}.cell-container[data-v-627137c8]{color:var(--json-punct);cursor:pointer}.cell-container[data-v-627137c8]:hover{text-decoration:underline}.cell-editor[data-v-627137c8]{display:block}.cell-editor .input[data-v-627137c8]{min-width:140px;height:24px;font-size:13px}.table-toolbar[data-v-627137c8]{border-top:1px solid var(--border);background:var(--bg-surface-2);align-items:center;gap:6px;padding:3px 6px;display:flex}.search-bar[data-v-ddef69bb]{border-bottom:1px solid var(--border);background:var(--bg-surface-2);z-index:5;flex-direction:column;gap:4px;padding:5px 8px;display:flex}.row[data-v-ddef69bb]{align-items:center;gap:4px;display:flex}.field-wrap[data-v-ddef69bb]{flex:1;align-items:center;min-width:120px;display:flex;position:relative}.field-wrap .leading[data-v-ddef69bb]{color:var(--text-subtle);pointer-events:none;position:absolute;left:6px}.field-wrap .input[data-v-ddef69bb]{padding-left:24px}.input.invalid[data-v-ddef69bb]{border-color:var(--danger)}.count[data-v-ddef69bb]{min-width:84px;color:var(--text-subtle);text-align:right;font-size:11px;font-family:var(--font-mono)}.hint-row[data-v-ddef69bb]{padding-left:2px}.error-bar[data-v-f6afc501],.notice-bar[data-v-f6afc501]{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.error-bar[data-v-f6afc501]{background:var(--danger-soft);color:var(--danger)}.large-banner[data-v-f6afc501]{background:var(--accent-soft);color:var(--accent-text);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:flex}.large-banner .title[data-v-f6afc501]{font-weight:600}.large-banner .hint[data-v-f6afc501]{color:var(--text-subtle)}.large-banner .scanning[data-v-f6afc501]{opacity:.85}.large-placeholder[data-v-f6afc501]{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px 24px;display:flex}.large-placeholder .title[data-v-f6afc501]{color:var(--text);margin:0;font-size:15px;font-weight:600}.large-placeholder .hint[data-v-f6afc501]{max-width:460px;color:var(--text-subtle);margin:0;font-size:13px;line-height:1.7}.large-placeholder .actions[data-v-f6afc501]{gap:8px;margin-top:6px;display:flex}.notice-bar[data-v-f6afc501]{background:var(--warning-soft);color:var(--warning)}.error-bar .message[data-v-f6afc501],.notice-bar .message[data-v-f6afc501]{text-overflow:ellipsis;white-space:nowrap;max-width:52ch;overflow:hidden}.error-bar .position[data-v-f6afc501]{opacity:.8;font-size:11px}.pane-body[data-v-f6afc501]{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.pane-footer .item[data-v-f6afc501]{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.mode-switch .btn[data-v-f6afc501]{padding:0 10px}.check-toggle[data-v-f6afc501]{border-radius:var(--btn-radius);height:30px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:13px;display:inline-flex}.check-toggle[data-v-f6afc501]:hover{background:var(--bg-hover);color:var(--text)}.check-toggle input[data-v-f6afc501]{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;margin:0}.drop-overlay[data-v-f6afc501]{background:var(--accent-soft);border:2px dashed var(--accent);color:var(--accent-text);z-index:20;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}.warning-text[data-v-f6afc501]{color:var(--warning)}.statusbar[data-v-f0269486]{gap:12px}.item[data-v-f0269486]{white-space:nowrap;text-overflow:ellipsis;max-width:44ch;overflow:hidden}.warning-text[data-v-f0269486]{color:var(--warning)}.toast.has-actions[data-v-7c3ad9cf]{grid-template-columns:auto 1fr auto;align-items:center;gap:8px 10px;max-width:460px;display:grid}.toast .actions[data-v-7c3ad9cf]{grid-column:2/span 2;gap:6px;display:flex}.toast .close[data-v-7c3ad9cf]{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;align-self:start;padding:2px;line-height:0}.toast .close[data-v-7c3ad9cf]:hover{opacity:1}.message[data-v-48ad3e1d]{color:var(--text-muted);margin:0;line-height:1.7}.btn.primary.danger[data-v-48ad3e1d]{background:var(--danger);border-color:var(--danger);color:#fff}.modal-backdrop[data-v-962c647a]{align-items:flex-start;padding-top:6vh}.modal[data-v-962c647a]{max-height:88vh}.modal-body[data-v-962c647a]{overflow:auto}.options[data-v-423a15ff]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.checkbox-field[data-v-423a15ff]{align-items:flex-end;display:flex}.expression-row[data-v-423a15ff]{align-items:flex-start;gap:8px;display:flex}.expression-row .textarea[data-v-423a15ff]{flex:1}.expression-actions[data-v-423a15ff]{flex-direction:column;gap:6px;display:flex}.error-box[data-v-423a15ff]{border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);font-size:12px;font-family:var(--font-mono);align-items:center;gap:6px;margin-bottom:12px;padding:8px 10px;display:flex}.result-head[data-v-423a15ff]{align-items:center;gap:8px;display:flex}.result-head .label[data-v-423a15ff]{margin-bottom:0}.result[data-v-423a15ff]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-code);max-height:300px;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin:6px 0 0;padding:10px;font-size:12px;line-height:1.55}.result-hint[data-v-423a15ff]{align-items:center;gap:6px;margin-top:8px;display:flex}.schema-grid[data-v-407c4e23]{grid-template-columns:1fr 1fr;gap:14px;min-height:380px;display:grid}@media (max-width:900px){.schema-grid[data-v-407c4e23]{grid-template-columns:1fr}}.column[data-v-407c4e23]{flex-direction:column;min-width:0;display:flex}.column-head[data-v-407c4e23]{align-items:center;gap:6px;margin-bottom:6px;display:flex}.column-head .label[data-v-407c4e23]{margin-bottom:0}.sm-select[data-v-407c4e23]{width:auto;height:24px}.schema-text[data-v-407c4e23]{resize:vertical;flex:1;min-height:320px}.result-box[data-v-407c4e23]{border-radius:var(--radius);flex-direction:column;flex:1;min-height:120px;padding:10px;display:flex;overflow:hidden}.result-box.success[data-v-407c4e23]{background:var(--success-soft);color:var(--success)}.result-box.error[data-v-407c4e23]{background:var(--danger-soft);color:var(--danger)}.result-title[data-v-407c4e23]{align-items:center;gap:6px;margin-bottom:6px;font-weight:600;display:flex}.error-list[data-v-407c4e23]{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.error-list li[data-v-407c4e23]{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:flex}.error-list li[data-v-407c4e23]:hover{background:var(--bg-hover)}.error-list .path[data-v-407c4e23]{color:var(--accent-text);flex:none}.error-list .message[data-v-407c4e23]{text-overflow:ellipsis;white-space:nowrap;color:var(--text);flex:1;overflow:hidden}.result-placeholder[data-v-407c4e23]{border:1px dashed var(--border);border-radius:var(--radius);flex:1;justify-content:center;align-items:center;display:flex}.summary[data-v-e8c4958d]{border-radius:var(--radius);background:var(--warning-soft);color:var(--warning);align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;font-size:12px;display:flex}.summary.equal[data-v-e8c4958d]{background:var(--success-soft);color:var(--success)}.options[data-v-e8c4958d]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.options .inline[data-v-e8c4958d]{width:220px;margin-bottom:0}.diff-list[data-v-e8c4958d]{border:1px solid var(--border);border-radius:var(--radius);max-height:50vh;font-size:12px;overflow:auto}.diff-head[data-v-e8c4958d],.diff-row[data-v-e8c4958d]{grid-template-columns:minmax(220px,1.4fr) 1fr 1fr;align-items:center;gap:6px;min-height:24px;padding:0 8px;display:grid}.diff-head[data-v-e8c4958d]{z-index:2;background:var(--bg-surface-2);color:var(--text-muted);border-bottom:1px solid var(--border);font-weight:600;position:sticky;top:0}.diff-row[data-v-e8c4958d]{border-bottom:1px solid var(--border);cursor:pointer;font-family:var(--font-mono)}.diff-row[data-v-e8c4958d]:hover{background:var(--bg-hover)}.diff-row.added[data-v-e8c4958d]{background:var(--diff-add-bg);color:var(--diff-add-text)}.diff-row.removed[data-v-e8c4958d]{background:var(--diff-remove-bg);color:var(--diff-remove-text)}.diff-row.changed[data-v-e8c4958d],.diff-row.type-change[data-v-e8c4958d]{background:var(--diff-change-bg);color:var(--diff-change-text)}.col-path[data-v-e8c4958d]{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:flex;overflow:hidden}.col-left[data-v-e8c4958d],.col-right[data-v-e8c4958d]{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);overflow:hidden}.path-text[data-v-e8c4958d]{text-overflow:ellipsis;overflow:hidden}.kind-badge[data-v-e8c4958d]{color:inherit;background:#00000014;border-radius:999px;flex:none;padding:0 5px;font-size:10px}.expander[data-v-e8c4958d]{flex:none;width:16px}.expander.placeholder[data-v-e8c4958d]{width:16px;display:inline-block}.no-diff[data-v-e8c4958d]{text-align:center;padding:16px}.tabs[data-v-9c921ec1]{border-bottom:1px solid var(--border);gap:4px;margin-bottom:12px;padding-bottom:8px;display:flex}.tabs .btn.is-active[data-v-9c921ec1]{background:var(--accent-soft);color:var(--accent-text)}.options[data-v-9c921ec1]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:10px;display:grid}.checkbox-field[data-v-9c921ec1]{align-items:flex-end;padding-bottom:6px;display:flex}.preview-head[data-v-9c921ec1]{align-items:center;gap:8px;margin-bottom:4px;display:flex}.preview-head .label[data-v-9c921ec1]{margin-bottom:0}.preview[data-v-9c921ec1]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-code);max-height:260px;font-family:var(--font-mono);white-space:pre;margin:0;padding:10px;font-size:12px;overflow:auto}.warnings[data-v-9c921ec1]{border-radius:var(--radius);background:var(--warning-soft);color:var(--warning);gap:8px;margin-top:10px;padding:8px 10px;font-size:12px;display:flex}.warnings ul[data-v-9c921ec1]{margin:4px 0 0;padding-left:18px}.warning-title[data-v-9c921ec1]{font-weight:600}.convert[data-v-09bf09d6]{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.convert-bar[data-v-09bf09d6]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field-inline[data-v-09bf09d6]{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.field-inline .select[data-v-09bf09d6],.field-inline .input[data-v-09bf09d6]{width:auto;min-width:96px}.field-inline .label[data-v-09bf09d6]{margin:0}.convert-body[data-v-09bf09d6]{flex:1;grid-template-columns:1fr 1fr;gap:10px;min-height:240px;display:grid}.convert-pane[data-v-09bf09d6]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-code);flex-direction:column;min-width:0;display:flex;overflow:hidden}.convert-pane-head[data-v-09bf09d6]{border-bottom:1px solid var(--divider-color);background:var(--toolbar-bg);height:30px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:flex}.convert-pane-head .title[data-v-09bf09d6]{color:var(--text);font-weight:600}.convert-input[data-v-09bf09d6]{resize:none;background:0 0;border:0;border-radius:0;flex:1;min-height:200px;font-size:13px}.convert-input[data-v-09bf09d6]:focus{box-shadow:none;border-color:#0000}.convert-output[data-v-09bf09d6]{white-space:pre;tab-size:2;flex:1;min-height:200px;margin:0;padding:10px;font-size:13px;line-height:1.6;overflow:auto}.convert-output.empty[data-v-09bf09d6]{color:var(--text-subtle);font-family:var(--font-ui);white-space:normal;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.convert-options[data-v-09bf09d6]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface-2);flex-wrap:wrap;align-items:center;gap:14px;padding:8px 10px;display:flex}.options-title[data-v-09bf09d6]{color:var(--text-subtle);font-size:12px}.convert-notes[data-v-09bf09d6]{color:var(--text-subtle);flex-direction:column;gap:4px;margin:0;font-size:12px;display:flex}.note[data-v-09bf09d6]{align-items:center;gap:5px;display:inline-flex}.convert-actions[data-v-09bf09d6]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.convert.page .convert-body[data-v-09bf09d6]{min-height:420px}.convert.page .convert-input[data-v-09bf09d6],.convert.page .convert-output[data-v-09bf09d6]{min-height:400px;font-size:13.5px}@media (max-width:900px){.convert-body[data-v-09bf09d6]{grid-template-columns:1fr}}.convert-page[data-v-8b781dd0]{background:var(--bg-app);min-height:100vh;color:var(--text)}.page-header[data-v-8b781dd0]{height:var(--header-height);background:var(--header-bg);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:0 16px;display:flex}.brand[data-v-8b781dd0]{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo-mark[data-v-8b781dd0]{color:#fff;background:linear-gradient(140deg,#3b82f6,#1d4ed8);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.brand-text[data-v-8b781dd0]{flex-direction:column;line-height:1.2;display:flex}.brand-text .name[data-v-8b781dd0]{font-size:15px;font-weight:650}.brand-text .tagline[data-v-8b781dd0]{color:var(--text-subtle);font-size:11px}.page-main[data-v-8b781dd0]{max-width:1100px;margin:0 auto;padding:28px 20px 60px}.page-main h1[data-v-8b781dd0]{letter-spacing:-.02em;margin:0 0 10px;font-size:26px}.lead[data-v-8b781dd0]{max-width:760px;color:var(--text-muted);margin:0 0 20px;font-size:14px;line-height:1.7}.page-section[data-v-8b781dd0]{margin-top:32px}.page-section h2[data-v-8b781dd0]{margin:0 0 12px;font-size:16px}.features[data-v-8b781dd0]{color:var(--text-muted);flex-wrap:wrap;gap:10px 24px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.features li[data-v-8b781dd0]{align-items:center;gap:6px;display:inline-flex}.related[data-v-8b781dd0]{flex-wrap:wrap;gap:8px;display:flex}.related-link[data-v-8b781dd0]{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);border-radius:999px;padding:5px 11px;font-size:12.5px;text-decoration:none}.related-link[data-v-8b781dd0]:hover{border-color:var(--accent);color:var(--accent-text)}.faq[data-v-8b781dd0]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);margin-bottom:8px;padding:10px 14px}.faq summary[data-v-8b781dd0]{cursor:pointer;font-size:13.5px;font-weight:600}.faq p[data-v-8b781dd0]{color:var(--text-muted);margin:8px 0 0;font-size:13px;line-height:1.7}.share-option[data-v-dccd6b8f]{margin:10px 0}.link-text[data-v-dccd6b8f]{word-break:break-all;min-height:96px}.meta[data-v-dccd6b8f]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.warning-text[data-v-dccd6b8f]{color:var(--warning)}.checkbox.line[data-v-fbb77edc]{margin-top:6px;display:flex}.actions[data-v-fbb77edc]{gap:8px;margin-top:10px;display:flex}.row[data-v-4fe3d0dd]{color:var(--text-muted);align-items:center;gap:10px;padding:3px 0;font-size:12px;display:flex}kbd[data-v-4fe3d0dd]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface-2);min-width:96px;font-family:var(--font-mono);color:var(--text);text-align:center;border-bottom-width:2px;padding:2px 6px;font-size:11px;display:inline-block}.logo[data-v-a1e95720]{color:var(--accent);align-items:center;gap:12px;margin-bottom:12px;display:flex}.name[data-v-a1e95720]{color:var(--text);font-size:16px;font-weight:600}.version[data-v-a1e95720]{color:var(--text-subtle);font-size:11px;font-family:var(--font-mono)}.card.highlight[data-v-a1e95720]{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent-soft)}.card.highlight .card-title[data-v-a1e95720]{color:var(--accent-text);align-items:center;gap:6px;display:flex}.features[data-v-a1e95720]{color:var(--text-muted);flex-direction:column;gap:7px;margin:4px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.features li[data-v-a1e95720]{align-items:flex-start;gap:7px;line-height:1.5;display:flex}.features li[data-v-a1e95720] svg{flex:none;margin-top:2px}.error-box[data-v-e94b9a68]{border-radius:var(--radius);background:var(--danger-soft);color:var(--danger);align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.panes[data-v-a9c47e03]{flex:1;min-width:0;min-height:0;display:flex}.pane[data-v-a9c47e03]{flex-direction:column;min-width:0;min-height:0;display:flex}.splitter[data-v-a9c47e03]{cursor:col-resize;flex:none;width:6px;position:relative}.splitter[data-v-a9c47e03]:after{content:"";border-radius:999px;transition:background .15s;position:absolute;inset:0 2px}.splitter[data-v-a9c47e03]:hover:after,.splitter.dragging[data-v-a9c47e03]:after{background:var(--accent);opacity:.55}:root{--font-sans:"Inter", "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Mono", Consolas, "SFMono-Regular", Menlo, monospace;--bg-app:#eef1f6;--bg-surface:#fff;--bg-surface-2:#f6f8fb;--bg-elevated:#fff;--bg-hover:#0f172a0e;--bg-active:#2563eb1a;--bg-code:#fff;--border:#dde3ec;--border-strong:#c3ccda;--text:#0b1220;--text-muted:#3f4c63;--text-subtle:#64708a;--text-inverse:#fff;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#2563eb1a;--accent-text:#1d4ed8;--success:#15a34a;--success-soft:#15a34a21;--warning:#d97706;--warning-soft:#d9770626;--danger:#dc2626;--danger-soft:#dc26261c;--info:#0891b2;--json-key:#1b3fbd;--json-string:#0b6b45;--json-number:#9a3d05;--json-boolean:#6525c7;--json-null:#5c6b85;--json-punct:#55617a;--diff-add-bg:#22c55e38;--diff-add-bar:#16a34a;--diff-add-text:#05612c;--diff-add-pill:#22c55e52;--diff-remove-bg:#ef444433;--diff-remove-bar:#dc2626;--diff-remove-text:#9b0f0f;--diff-remove-pill:#ef44444d;--diff-change-bg:#f59e0b3d;--diff-change-bar:#d97706;--diff-change-text:#7c3d00;--radius-sm:4px;--radius:6px;--radius-lg:9px;--radius-xl:13px;--shadow-sm:0 1px 2px #1018280d;--shadow:0 6px 18px #1018281a;--shadow-lg:0 20px 52px #1018283d;--header-height:60px;--toolbar-height:48px;--docbar-height:38px;--status-height:30px;--editor-font-size:14px;--panel-bg:var(--bg-surface);--panel-border-width:1px;--panel-shadow:0 1px 2px #1018280d;--panel-blur:none;--panel-radius:9px;--panel-gap:6px;--header-bg:#e9effc;--header-blur:none;--header-border-width:1px;--docbar-bg:var(--bg-surface);--toolbar-bg:var(--bg-surface-2);--app-bg-image:none;--btn-border-width:1px;--btn-radius:var(--radius);--btn-shadow:none;--btn-shadow-hover:none;--btn-lift:0px;--control-radius:var(--radius);--tag-radius:999px;--font-ui:var(--font-sans);--font-weight-strong:600;--divider-color:var(--border)}html.dark{--bg-app:#12161d;--bg-surface:#1a1f29;--bg-surface-2:#212734;--bg-elevated:#232a37;--bg-hover:#ffffff12;--bg-active:#60a5fa29;--bg-code:#171c25;--border:#2a3140;--border-strong:#3a4354;--text:#e6ebf3;--text-muted:#9aa7bb;--text-subtle:#728096;--text-inverse:#0f172a;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-soft:#3b82f633;--accent-text:#93c5fd;--success:#4ade80;--success-soft:#4ade8029;--warning:#fbbf24;--warning-soft:#fbbf2429;--danger:#f87171;--danger-soft:#f8717129;--info:#22d3ee;--json-key:#a8cbff;--json-string:#9bf0bd;--json-number:#ffd980;--json-boolean:#d3b4ff;--json-null:#aab6c9;--json-punct:#a3b0c4;--diff-add-bg:#22c55e38;--diff-add-bar:#22c55e;--diff-add-text:#86efac;--diff-add-pill:#22c55e4d;--diff-remove-bg:#f8717133;--diff-remove-bar:#f87171;--diff-remove-text:#fca5a5;--diff-remove-pill:#f8717147;--diff-change-bg:#fbbf2438;--diff-change-bar:#fbbf24;--diff-change-text:#fcd34d;--shadow-sm:0 1px 2px #0006;--shadow:0 6px 18px #00000073;--shadow-lg:0 20px 50px #0000008c;--header-bg:#141b28;--docbar-bg:#1f2531;--toolbar-bg:#141922}html[data-ui=modern]{--bg-app:#eef2ff;--app-bg-image:radial-gradient(1100px 560px at 6% -12%, #6366f14d, transparent 62%), radial-gradient(900px 520px at 108% -4%, #ec48993d, transparent 58%), radial-gradient(760px 760px at 52% 118%, #38bdf842, transparent 62%);--bg-surface:#ffffffb8;--bg-surface-2:#ffffff80;--bg-elevated:#fffffff0;--bg-code:#ffffffad;--bg-hover:#4f46e514;--bg-active:#4f46e524;--border:#ffffffb8;--border-strong:#818cf880;--text:#1e1b4b;--text-muted:#56548a;--text-subtle:#8a88b8;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#4f46e51f;--accent-text:#4338ca;--panel-bg:#ffffffa8;--panel-blur:blur(18px) saturate(1.5);--panel-radius:16px;--panel-shadow:0 14px 36px #312e8129;--panel-gap:12px;--header-bg:#e2e8ffa8;--header-blur:blur(20px) saturate(1.6);--docbar-bg:#ffffff94;--toolbar-bg:#090c1e0d;--btn-radius:10px;--btn-shadow:0 2px 6px #312e811a;--btn-shadow-hover:0 6px 16px #312e812e;--btn-lift:-1px;--control-radius:10px;--shadow:0 14px 34px #312e812e;--shadow-lg:0 26px 60px #312e8147}html[data-ui=modern].dark{--bg-app:#0b1020;--app-bg-image:radial-gradient(1100px 560px at 6% -12%, #6366f157, transparent 62%), radial-gradient(900px 520px at 108% -4%, #d946ef3d, transparent 58%), radial-gradient(760px 760px at 52% 118%, #0ea5e938, transparent 62%);--bg-surface:#171b30b8;--bg-surface-2:#1e233c99;--bg-elevated:#181c32f0;--bg-code:#121628b3;--bg-hover:#818cf81f;--bg-active:#818cf833;--border:#818cf838;--border-strong:#818cf873;--text:#e7e9ff;--text-muted:#a5a9d8;--text-subtle:#7c81b4;--accent:#818cf8;--accent-hover:#a5b4fc;--accent-soft:#818cf833;--accent-text:#a5b4fc;--panel-bg:#171b309e;--panel-shadow:0 18px 44px #00000080;--header-bg:#181c3ab8;--docbar-bg:#ffffff12;--toolbar-bg:#0000004d;--btn-shadow:0 2px 8px #00000059;--btn-shadow-hover:0 8px 20px #00000073;--shadow:0 18px 40px #00000080;--shadow-lg:0 28px 64px #0009}html[data-ui=soft]{--bg-app:#e8ebf2;--bg-surface:#e8ebf2;--bg-surface-2:#e4e8f0;--bg-elevated:#eef1f7;--bg-code:#eaedf4;--bg-hover:#5b6bd617;--bg-active:#5b6bd629;--border:#a3b1c673;--border-strong:#8c9bb499;--text:#2f3550;--text-muted:#5c6480;--text-subtle:#8b93ab;--accent:#5b6bd6;--accent-hover:#4a59c4;--accent-soft:#5b6bd624;--accent-text:#4a59c4;--panel-bg:#e8ebf2;--panel-border-width:0px;--panel-shadow:9px 9px 20px #a3b1c68c, -9px -9px 20px #ffffffeb;--panel-radius:16px;--panel-gap:10px;--header-bg:#dde3f0;--header-border-width:0px;--docbar-bg:#eef1f7;--toolbar-bg:#dde2ee;--btn-radius:12px;--btn-border-width:0px;--btn-shadow:3px 3px 7px #a3b1c699, -3px -3px 7px #ffffffe6;--btn-shadow-hover:1px 1px 3px #a3b1c699, -1px -1px 3px #ffffffe6;--control-radius:12px;--divider-color:#a3b1c659}html[data-ui=soft].dark{--bg-app:#191c26;--bg-surface:#191c26;--bg-surface-2:#1d212c;--bg-elevated:#21252f;--bg-code:#1b1f29;--border:#ffffff14;--border-strong:#ffffff29;--text:#e6e8f0;--text-muted:#a2a8bd;--text-subtle:#79809a;--panel-bg:#191c26;--panel-shadow:10px 10px 22px #0000008c, -10px -10px 22px #ffffff09;--header-bg:#1e2230;--docbar-bg:#212633;--toolbar-bg:#141821;--btn-shadow:4px 4px 9px #00000080, -4px -4px 9px #ffffff0a;--btn-shadow-hover:1px 1px 4px #00000080, -1px -1px 4px #ffffff0a}html[data-ui=brutal]{--bg-app:#fdf3d8;--bg-surface:#fff;--bg-surface-2:#fffaea;--bg-elevated:#fff;--bg-code:#fffdf5;--bg-hover:#11111112;--bg-active:#ffd60a80;--border:#111;--border-strong:#111;--text:#111;--text-muted:#3d3a33;--text-subtle:#6b6455;--accent:#ffd60a;--accent-hover:#ffc300;--accent-soft:#ffd60a73;--accent-text:#111;--panel-bg:#fff;--panel-border-width:2px;--panel-shadow:5px 5px 0 #111;--panel-radius:10px;--panel-gap:8px;--header-bg:#ffd60a;--header-border-width:2px;--docbar-bg:#fffaea;--toolbar-bg:#fdf3d8;--btn-border-width:2px;--btn-radius:6px;--btn-shadow:2px 2px 0 #111;--btn-shadow-hover:4px 4px 0 #111;--btn-lift:-2px;--control-radius:6px;--tag-radius:6px;--font-weight-strong:700;--shadow:4px 4px 0 #111;--shadow-lg:8px 8px 0 #111}html[data-ui=brutal].dark{--bg-app:#171512;--bg-surface:#211e19;--bg-surface-2:#262219;--bg-elevated:#26221b;--bg-code:#1c1913;--bg-hover:#ffd60a1f;--bg-active:#ffd60a47;--border:#f5e6b8;--border-strong:#f5e6b8;--text:#fdf6e3;--text-muted:#cdc3a4;--text-subtle:#9c95a8;--accent:#ffd60a;--accent-hover:#ffe066;--accent-soft:#ffd60a3d;--accent-text:#ffd60a;--panel-shadow:5px 5px 0 #f5e6b8;--header-bg:#2a2413;--docbar-bg:#262219;--toolbar-bg:#1f1b14;--btn-shadow:2px 2px 0 #f5e6b8;--btn-shadow-hover:4px 4px 0 #f5e6b8;--shadow:4px 4px 0 #f5e6b8;--shadow-lg:8px 8px 0 #f5e6b8}html[data-ui=terminal]{--bg-app:#05080a;--bg-surface:#0a0f12;--bg-surface-2:#0d1418;--bg-elevated:#0d1418;--bg-code:#070c0f;--bg-hover:#2ee68a17;--bg-active:#2ee68a2e;--border:#17301f;--border-strong:#24503a;--text:#c7f5d8;--text-muted:#7fc79b;--text-subtle:#4e8a68;--accent:#2ee68a;--accent-hover:#55f3a3;--accent-soft:#2ee68a24;--accent-text:#2ee68a;--json-key:#7ee6c0;--json-string:#a8e6a3;--json-number:#ffd479;--json-boolean:#c9a6ff;--json-null:#5f8f76;--json-punct:#5f8f76;--panel-bg:#0a0f12;--panel-radius:4px;--panel-shadow:0 0 0 1px #2ee68a14, 0 0 26px #2ee68a0f;--header-bg:#070c0f;--docbar-bg:#0e171c;--toolbar-bg:#05090b;--btn-radius:3px;--control-radius:3px;--font-ui:var(--font-mono);--divider-color:#17301f;--shadow:0 0 0 1px #2ee68a1f, 0 10px 30px #0009;--shadow-lg:0 0 0 1px #2ee68a29, 0 24px 60px #000000b3}html[data-ui=terminal] .logo-mark{border:1px solid var(--accent);color:var(--accent);background:#0d1a12;box-shadow:0 0 14px #2ee68a59}html[data-ui=brutal] .btn.primary,html[data-ui=brutal] .btn.primary:hover:not(:disabled){background:var(--accent);color:#111;border-color:#111}html[data-ui=brutal] .brand-text .name,html[data-ui=brutal] .brand-text .tagline,html[data-ui=brutal] .menus .btn{color:#111}html[data-ui=brutal] .pane-header,html[data-ui=brutal] .pane-docbar{border-bottom:2px solid #111}html[data-ui=brutal].dark .pane-header,html[data-ui=brutal].dark .pane-docbar{border-bottom:2px solid #f5e6b8}html[data-ui=soft] .pane-header,html[data-ui=soft] .pane-docbar,html[data-ui=soft] .pane-footer{border-bottom-color:#0000}html[data-ui=soft] .app-header{border-bottom-color:#0000;box-shadow:0 6px 14px #a3b1c666}html[data-ui=soft].dark .app-header{box-shadow:0 6px 14px #00000059}html{scroll-behavior:smooth}.scroll,.tree-viewport,.cm-scroller{scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-color:var(--border-strong) transparent}html[data-smooth=off],html[data-smooth=off] .scroll,html[data-smooth=off] .tree-viewport,html[data-smooth=off] .cm-scroller{scroll-behavior:auto!important}@media (prefers-reduced-motion:reduce){html,.scroll,.tree-viewport,.cm-scroller{scroll-behavior:auto!important}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--text);background:var(--bg-app);background-image:var(--app-bg-image);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:13.5px;overflow:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent-text)}.btn{border:var(--btn-border-width) solid transparent;border-radius:var(--btn-radius);height:30px;color:var(--text-muted);cursor:pointer;white-space:nowrap;box-shadow:var(--btn-shadow);-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:13px;transition:background .12s,color .12s,border-color .12s,box-shadow .16s,transform .16s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text);box-shadow:var(--btn-shadow-hover);transform:translateY(var(--btn-lift))}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.is-active{background:var(--bg-active);color:var(--accent-text)}.btn.bordered{border-color:var(--border);background:var(--bg-surface);color:var(--text)}.btn.bordered:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn.danger{color:var(--danger)}.btn.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.btn.ghost{color:var(--text-muted)}.btn.icon{width:30px;padding:0}.btn.sm{gap:5px;height:26px;padding:0 8px;font-size:12.5px}.btn.lg{height:36px;padding:0 16px;font-size:13.5px}.segmented{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--control-radius);align-items:center;gap:3px;padding:3px;display:inline-flex}.segmented .btn{border-radius:calc(var(--control-radius) - 3px);height:26px;box-shadow:none}.input,.select,.textarea{border:var(--btn-border-width) solid var(--border);border-radius:var(--control-radius);background:var(--bg-surface);width:100%;height:32px;color:var(--text);font-family:var(--font-ui);outline:none;padding:0 10px;transition:border-color .12s,box-shadow .12s}.textarea{height:auto;min-height:96px;font-family:var(--font-mono);resize:vertical;padding:8px 10px;font-size:13px;line-height:1.6}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input.mono{font-family:var(--font-mono)}.label{color:var(--text-muted);margin-bottom:5px;font-size:12.5px;display:block}.field{margin-bottom:12px}.field-row{align-items:center;gap:8px;display:flex}.checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.checkbox input{accent-color:var(--accent);width:15px;height:15px;margin:0}.badge{background:var(--bg-surface-2);height:21px;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:0 8px;font-size:11.5px;display:inline-flex}.badge.success{background:var(--success-soft);color:var(--success);border-color:#0000}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.badge.warning{background:var(--warning-soft);color:var(--warning);border-color:#0000}.badge.accent{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.spacer{flex:1}.divider{background:var(--divider-color);width:1px;height:18px;margin:0 4px}.scroll{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;overflow:auto}.scroll::-webkit-scrollbar{width:11px;height:11px}.scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-subtle) 30%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px;transition:background .2s}.scroll:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--border-strong) 85%, transparent);background-clip:padding-box}.scroll::-webkit-scrollbar-thumb:hover{background:var(--text-subtle);background-clip:padding-box}.scroll::-webkit-scrollbar-track{background:0 0}.app{height:100%;font-family:var(--font-ui);background:0 0;flex-direction:column;display:flex}.workspace{min-height:0;padding:var(--panel-gap);gap:var(--panel-gap);flex:1;display:flex}.panes{flex:1;gap:0;min-width:0;min-height:0;display:flex}.pane{background:var(--panel-bg);border:var(--panel-border-width) solid var(--border);border-radius:var(--panel-radius);min-width:0;min-height:0;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:var(--panel-blur);flex-direction:column;display:flex;overflow:hidden}.pane.is-active{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.pane-header{min-height:var(--toolbar-height);border-bottom:1px solid var(--divider-color);background:var(--toolbar-bg);flex-wrap:wrap;align-items:center;gap:4px 6px;padding:6px 8px;display:flex;overflow:visible}.pane-docbar{min-height:var(--docbar-height);border-bottom:1px solid var(--divider-color);background:var(--docbar-bg);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:5px 10px;display:flex;overflow:visible}.pane-docbar .doc-actions{align-items:center;gap:4px;display:inline-flex}.pane-docbar .doc-actions .btn{color:var(--text-muted)}.pane-docbar .doc-actions .btn:hover:not(:disabled){color:var(--accent-text)}.pane-side{border:1px solid var(--border);background:var(--bg-surface-2);height:22px;color:var(--text-subtle);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:11.5px;display:inline-flex}.pane-side.active{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent-soft);color:var(--accent-text)}.pane-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.pane-footer{border-top:1px solid var(--divider-color);background:var(--bg-surface-2);height:28px;color:var(--text-subtle);white-space:nowrap;align-items:center;gap:12px;padding:0 10px;font-size:12px;display:flex;overflow:hidden}.splitter{cursor:col-resize;flex:none;width:6px;position:relative}.splitter:after{content:"";background:0 0;border-radius:999px;transition:background .15s;position:absolute;inset:0 2px}.splitter:hover:after,.splitter.dragging:after{background:var(--accent);opacity:.5}.statusbar{min-height:var(--status-height);border-top:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:4px 12px;font-size:12px;display:flex}.statusbar .item{align-items:center;gap:4px;display:inline-flex}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:var(--panel-border-width) solid var(--border);border-radius:var(--panel-radius);width:100%;max-width:720px;max-height:100%;box-shadow:var(--shadow-lg);font-family:var(--font-ui);flex-direction:column;display:flex;overflow:hidden}.modal.wide{max-width:1080px}.modal.narrow{max-width:460px}.modal-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 14px;display:flex}.modal-title{font-size:15px;font-weight:600}.modal-body{flex:1;min-height:0;padding:14px;overflow:auto}.modal-footer{border-top:1px solid var(--border);background:var(--bg-surface-2);align-items:center;gap:8px;padding:10px 14px;display:flex}.toast-host{z-index:200;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:40px;right:16px}.toast{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);min-width:200px;max-width:380px;box-shadow:var(--shadow);pointer-events:auto;align-items:center;gap:8px;padding:8px 12px;font-size:13px;animation:.16s toast-in;display:flex}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.warning{border-left:3px solid var(--warning)}.toast.info{border-left:3px solid var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.context-menu{z-index:300;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:190px;box-shadow:var(--shadow-lg);padding:4px;position:fixed}.context-menu .item{border-radius:var(--radius-sm);width:100%;height:30px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.context-menu .item:hover:not(:disabled){background:var(--accent);color:#fff}.context-menu .item:disabled{opacity:.4;cursor:not-allowed}.context-menu .item.danger{color:var(--danger)}.context-menu .item.danger:hover{background:var(--danger);color:#fff}.context-menu .item .shortcut{opacity:.65;margin-left:auto;font-size:11px}.context-menu .separator{background:var(--border);height:1px;margin:4px 2px}.context-menu .group-title{color:var(--text-subtle);padding:5px 8px 3px;font-size:11px}.breadcrumb{white-space:nowrap;font-family:var(--font-mono);align-items:center;gap:2px;font-size:11px;display:flex;overflow:hidden}.breadcrumb .crumb{border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;border:0;padding:1px 5px}.breadcrumb .crumb:hover{background:var(--accent-soft);color:var(--accent-text)}.breadcrumb .sep{color:var(--text-subtle)}.empty-state{height:100%;color:var(--text-subtle);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.empty-state .title{color:var(--text-muted);font-size:14px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);padding:12px}.card+.card{margin-top:12px}.card-title{color:var(--text);margin-bottom:8px;font-size:12px;font-weight:600}.hint{color:var(--text-subtle);font-size:11px;line-height:1.6}.error-text{color:var(--danger)}.success-text{color:var(--success)}.pane-center{flex-direction:column;flex:none;justify-content:center;align-items:stretch;gap:8px;width:136px;padding:10px;display:flex}.pane-center .center-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);width:100%;height:36px;color:var(--text);white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:13px;transition:all .12s;display:inline-flex}.pane-center .center-btn .label{text-overflow:ellipsis;overflow:hidden}.pane-center .center-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.pane-center .center-btn.is-active{border-color:var(--accent);background:var(--accent);color:#fff}.pane-center .center-btn.is-active:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.pane-center .center-btn:disabled{opacity:.42;cursor:not-allowed}.pane-center .center-open{border-radius:var(--radius-lg);height:auto;color:var(--text-muted);text-align:center;white-space:normal;border-style:dashed;flex-direction:column;gap:7px;padding:14px 6px;font-size:11.5px;line-height:1.35}.pane-center .center-divider{background:var(--border);width:100%;height:1px;margin:2px 0}@media (max-width:1024px){.pane-center{width:58px;padding:8px}.pane-center .center-btn{padding:0}.pane-center .center-btn .label{display:none}.pane-center .center-open{padding:10px 4px}}.file-chip{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);max-width:200px;height:28px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;padding:0 10px 0 9px;font-size:12.5px;display:inline-flex;overflow:hidden}.file-chip .name{text-overflow:ellipsis;overflow:hidden}.file-chip .dot{background:var(--success);border-radius:999px;flex:none;width:6px;height:6px}.file-chip .dot.invalid{background:var(--danger)}.btn .label{font-size:13px}.pane{container-type:inline-size}@container (width<=880px){.pane-header .btn .label,.pane-header .segmented .label{display:none}}@container (width<=620px){.pane-docbar .doc-actions .btn .label,.pane-docbar .pane-side{display:none}}@container (width<=560px){.file-chip .name{display:none}}.tree-row{position:absolute}.indent-guides{pointer-events:none;background-image:repeating-linear-gradient(to right, var(--border) 0, var(--border) 1px, transparent 1px, transparent 16px);opacity:.9;background-position-x:15px;position:absolute;top:0;bottom:0;left:0}.type-badge{min-width:17px;height:17px;font-family:var(--font-mono);background:var(--bg-hover);color:var(--text-muted);border-radius:3px;flex:none;justify-content:center;align-items:center;padding:0 3px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.type-badge.object{color:var(--json-key);background:#1b3fbd29}.type-badge.array{color:var(--json-boolean);background:#6525c729}.type-badge.string{color:var(--json-string);background:#0b6b4529}.type-badge.number{color:var(--json-number);background:#9a3d0529}.type-badge.boolean{color:var(--json-boolean);background:#6525c729}.type-badge.null{color:var(--json-null);background:#5c6b8529}html.dark .type-badge.object{color:var(--json-key)}html.dark .type-badge.array,html.dark .type-badge.boolean{color:var(--json-boolean)}.count-chip{background:var(--bg-hover);height:18px;color:var(--text-muted);font-size:11px;font-family:var(--font-mono);border-radius:999px;align-items:center;padding:0 7px;display:inline-flex}.tree-row.diff-added{background:var(--diff-add-bg);box-shadow:inset 3px 0 0 var(--diff-add-bar);color:var(--diff-add-text)}.tree-row.diff-removed{background:var(--diff-remove-bg);box-shadow:inset 3px 0 0 var(--diff-remove-bar);color:var(--diff-remove-text)}.tree-row.diff-changed,.tree-row.diff-type-change,.tree-row.diff-modified{background:var(--diff-change-bg);box-shadow:inset 3px 0 0 var(--diff-change-bar);color:var(--diff-change-text)}.tree-row.diff-added .key-text,.tree-row.diff-removed .key-text,.tree-row.diff-changed .key-text,.tree-row.diff-type-change .key-text,.tree-row.diff-modified .key-text{color:inherit;font-weight:600}.tree-row.diff-added .value-text,.tree-row.diff-removed .value-text,.tree-row.diff-changed .value-text,.tree-row.diff-type-change .value-text{color:inherit}.tree-row.ghost{opacity:.88}.tree-row.ghost .key-text,.tree-row.ghost .value-text,.tree-row.ghost .diff-pill{font-style:italic}.tree-row.ghost .diff-pill{background:0 0;border:1px dashed}.tree-row.diff-current{box-shadow:inset 0 0 0 2px var(--accent), inset 5px 0 0 var(--accent);background-image:linear-gradient(var(--accent-soft), var(--accent-soft))}.diff-pair{font-family:var(--font-mono);align-items:center;gap:5px;display:inline-flex}.diff-pair .arrow{color:var(--text-subtle);flex:none}.diff-pill{white-space:nowrap;text-overflow:ellipsis;border-radius:5px;max-width:320px;height:18px;padding:0 6px;font-size:12px;line-height:18px;display:inline-block;overflow:hidden}.seg-removed{background:var(--diff-remove-pill);color:var(--diff-remove-text);border-radius:3px;text-decoration:line-through;text-decoration-thickness:1.5px}.seg-added{background:var(--diff-add-pill);color:var(--diff-add-text);border-radius:3px;font-weight:700}.diff-pill.old:not(.own) .seg-removed,.diff-pill.new:not(.own) .seg-added{color:inherit;background:0 0}.diff-pill.old{background:var(--diff-remove-pill);color:var(--diff-remove-text);text-decoration:line-through;text-decoration-thickness:1.5px}.diff-pill.new,.diff-pill.single-added{background:var(--diff-add-pill);color:var(--diff-add-text);font-weight:600}.diff-pill.single-removed{background:var(--diff-remove-pill);color:var(--diff-remove-text);text-decoration:line-through;text-decoration-thickness:1.5px}.diff-pill:not(.own){opacity:.62;background:0 0;border:1px dashed;font-weight:400;text-decoration:none}.diff-tag{min-width:16px;height:16px;font-family:var(--font-mono);background:#fff9;border-radius:4px;flex:none;justify-content:center;align-items:center;margin-left:6px;padding:0 4px;font-size:11px;font-weight:700;display:inline-flex}html.dark .diff-tag{background:#00000047}.diff-tag.added{color:var(--diff-add-text)}.diff-tag.removed{color:var(--diff-remove-text)}.diff-tag.changed,.diff-tag.modified,.diff-tag.type-change{color:var(--diff-change-text)}.compare-bar{border-bottom:1px solid var(--border);background:var(--accent-soft);color:var(--accent-text);white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;display:flex;overflow:hidden}.compare-bar .count{font-family:var(--font-mono);flex:none;font-weight:600}@container (width<=760px){.compare-bar .legend{display:none}}@container (width<=620px){.compare-bar .summary{display:none}}@container (width<=520px){.compare-bar .btn .label{display:none}}.compare-bar .count{font-family:var(--font-mono);font-weight:600}.legend{align-items:center;gap:8px;font-size:11px;display:inline-flex}.cm-editor .cm-searchMatch{border-radius:3px;background-color:#facc1580!important;outline:1px solid #b47804bf!important}.cm-editor .cm-searchMatch.cm-searchMatch-selected{background-color:#f973169e!important;outline:2px solid #ea580c!important}.cm-json-hit{background-color:#facc1580;border-radius:3px;outline:1px solid #b47804b3;box-shadow:inset 0 -2px #b478048c}.cm-json-hit-current{background-color:#f973169e;outline:2px solid #ea580c;box-shadow:0 0 0 3px #f9731647}html.dark .cm-json-hit{color:#1f1503;background-color:#facc156b;outline-color:#facc15cc}html.dark .cm-json-hit-current{color:#1f1503;background-color:#fb923c99;outline-color:#fb923c}.hit{color:#422006;background:#facc15b3;border-radius:3px;padding:0 2px;font-weight:600;box-shadow:0 0 0 1px #ca8a048c}html.dark .hit{color:#1f1503;background:#facc159e;box-shadow:0 0 0 1px #facc15bf}.modal-body:has(>.convert){flex-direction:column;display:flex;overflow:hidden}.legend .legend-item{color:var(--text-muted);align-items:center;gap:4px;display:inline-flex}.legend .swatch{border-radius:3px;flex:none;width:10px;height:10px}.legend .swatch.added{background:var(--diff-add-bar)}.legend .swatch.removed{background:var(--diff-remove-bar)}.legend .swatch.changed{background:var(--diff-change-bar)}.compare-bar .btn{color:var(--accent-text)}.compare-bar .btn:hover:not(:disabled){color:var(--accent-text);background:#2563eb29}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.empty-state .icon-circle{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}
