.json-grid[data-v-b3a25dc8]{--json-body-h:340px;grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.json-pane[data-v-b3a25dc8]{min-width:0}.json-pane[data-v-b3a25dc8],.json-pane__bar[data-v-b3a25dc8]{flex-direction:column;gap:12px;display:flex}.json-pane__bar[data-v-b3a25dc8]{justify-content:space-between}.json-pane__body[data-v-b3a25dc8]{min-height:0}.json-pane__foot[data-v-b3a25dc8]{flex-direction:column;gap:8px;min-height:20px;display:flex}.json-dropzone[data-v-b3a25dc8],.json-output[data-v-b3a25dc8]{height:var(--json-body-h)}.json-pane__body[data-v-b3a25dc8] .cm-editor{height:100%}@media (width>=768px){.json-grid[data-v-b3a25dc8]{--json-body-h:400px}}@media (width>=1024px){.json-grid[data-v-b3a25dc8]{grid-template-rows:auto auto auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}@supports (grid-template-rows:subgrid){.json-pane[data-v-b3a25dc8]{grid-row:span 3;grid-template-rows:subgrid;gap:0;display:grid}}}.tool-page[data-v-b3a25dc8] .cm-editor{color:var(--text-primary);background:var(--bg-page);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:13px;overflow:hidden}.tool-page[data-v-b3a25dc8] .cm-editor.cm-focused{border-color:var(--color-primary);outline:none}.tool-page[data-v-b3a25dc8] .cm-editor .cm-gutters{color:var(--text-tertiary);background:var(--bg-page);border-right:1px solid var(--border-default)}.tool-page[data-v-b3a25dc8] .cm-editor .cm-content,.tool-page[data-v-b3a25dc8] .cm-editor .cm-lineNumbers .cm-gutterElement,.tool-page[data-v-b3a25dc8] .cm-editor .cm-scroller{font-family:var(--font-mono)}.tool-page[data-v-b3a25dc8] .cm-editor .cm-activeLine,.tool-page[data-v-b3a25dc8] .cm-editor .cm-activeLineGutter{background:var(--bg-hover)}.tool-page[data-v-b3a25dc8] .cm-editor .cm-content{caret-color:var(--color-primary)}.tool-page[data-v-b3a25dc8] .cm-editor .cm-placeholder{color:var(--text-tertiary)}.json-output[data-v-b3a25dc8] .cm-editor,.json-output[data-v-b3a25dc8] .cm-editor .cm-gutters{background:var(--bg-hover)}.json-output[data-v-b3a25dc8]{transition:opacity var(--transition-fast) ease}.json-output.is-stale[data-v-b3a25dc8]{opacity:.6}.json-dropzone.is-dragover[data-v-b3a25dc8] .cm-editor{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.json-output__tree[data-v-b3a25dc8]{height:100%;font-family:var(--font-mono);background:var(--bg-hover);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:8px 10px;font-size:13px;overflow:auto}.json-output__empty[data-v-b3a25dc8]{text-align:center;color:var(--text-tertiary);padding:24px 8px;font-size:13px}.json-search[data-v-b3a25dc8]{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast) ease;align-items:center;gap:6px;padding:0 8px;display:flex}.json-search[data-v-b3a25dc8]:focus-within{border-color:var(--color-primary)}.json-search__icon[data-v-b3a25dc8]{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.json-search__input[data-v-b3a25dc8]{min-width:0;font-family:var(--font-mono);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:7px 0;font-size:13px}.json-search__input[data-v-b3a25dc8]::placeholder{color:var(--text-tertiary)}.json-search__count[data-v-b3a25dc8]{white-space:nowrap;font-size:12px}.json-search__clear[data-v-b3a25dc8],.json-search__count[data-v-b3a25dc8]{color:var(--text-tertiary);flex-shrink:0}.json-search__clear[data-v-b3a25dc8]{border-radius:var(--radius-sm);cursor:pointer;width:20px;height:20px;transition:color var(--transition-fast) ease,background-color var(--transition-fast) ease;background:0 0;border:none;padding:0;font-size:15px;line-height:18px}.json-search__clear[data-v-b3a25dc8]:hover{color:var(--color-danger);background:var(--bg-hover)}.json-segment[data-v-b3a25dc8]{background:var(--bg-hover);border:1px solid var(--border-default);border-radius:var(--radius-md);flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.json-segment__item[data-v-b3a25dc8]{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast) ease,background-color var(--transition-fast) ease;background:0 0;border:none;padding:3px 10px;font-size:12px;line-height:18px}.json-segment__item[data-v-b3a25dc8]:hover{color:var(--color-primary)}.json-segment__item.is-active[data-v-b3a25dc8]{color:var(--color-primary);background:var(--bg-card);box-shadow:var(--shadow-sm);font-weight:600}.json-chip[data-v-b3a25dc8]{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-default);cursor:pointer;transition:color var(--transition-fast) ease,border-color var(--transition-fast) ease,background-color var(--transition-fast) ease;border-radius:9999px;padding:3px 10px;font-size:12px;line-height:18px}.json-chip[data-v-b3a25dc8]:hover{border-color:var(--color-primary);color:var(--color-primary)}.json-chip.is-active[data-v-b3a25dc8]{color:var(--color-primary);background:var(--color-primary-light);border-color:var(--color-primary);font-weight:600}.json-field[data-v-b3a25dc8]{align-items:center;gap:6px;display:inline-flex}.json-field__label[data-v-b3a25dc8]{color:var(--text-tertiary);font-size:12px}.json-field__select[data-v-b3a25dc8]{width:96px}.json-file-input[data-v-b3a25dc8]{display:none}@media (width<=768px){.json-segment[data-v-b3a25dc8]{width:100%}.json-segment__item[data-v-b3a25dc8]{flex:1 0 auto;min-height:32px}}@media (prefers-reduced-motion:reduce){.json-chip[data-v-b3a25dc8],.json-output[data-v-b3a25dc8],.json-search[data-v-b3a25dc8],.json-segment__item[data-v-b3a25dc8]{transition:none}}