.json-formatter-workspace{--editor-font-size:13px;--editor-line-height:1.5;--editor-line-height-px:19.5px;flex-direction:column;gap:16px;width:100%;margin-top:8px;display:flex}.json-formatter-workspace.theme-accent{--editor-bg:#0f172a;--editor-text:#f1f5f9;--editor-border:#6366f159;--editor-gutter-bg:#1e293b;--editor-gutter-text:#64748b;--editor-title-color:#818cf8}.json-formatter-modes-toolbar{width:100%}.json-modes-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md,12px);grid-template-columns:repeat(6,1fr);gap:8px;width:100%;padding:8px;display:grid}.json-mode-btn{background:var(--bg-body);border:1px solid var(--border);border-radius:var(--radius-sm,8px);height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-spring,.3s);white-space:nowrap;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.json-mode-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-secondary)}.json-mode-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.json-view-tabs{display:none}.json-panels-stack{flex-direction:column;gap:16px;width:100%;display:flex}.json-panel{background:var(--editor-bg);border:1px solid var(--editor-border);border-radius:var(--radius-md,12px);flex-direction:column;height:450px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:visible}.json-panel:focus-within{border-color:var(--accent)}.json-panel-header{border-bottom:1px solid var(--editor-border);background:var(--editor-gutter-bg);border-top-left-radius:11px;border-top-right-radius:11px;flex-direction:column;gap:8px;padding:16px 16px 10px;display:flex}.json-panel-header-top{justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;display:flex}.json-panel-title{letter-spacing:.03em;white-space:nowrap;z-index:10;border-radius:20px;padding:2px 10px;font-size:10px;font-weight:600;line-height:1.2;position:absolute;top:-9px;left:16px;box-shadow:0 2px 4px #00000026}.json-panel-title.title-input{color:#c7d2fe;background:#1e1b4b;border:1px solid #6366f1}.json-panel-title.title-output{color:#a7f3d0;background:#064e3b;border:1px solid #10b981}.json-header-option{align-items:center;gap:6px;display:flex}.json-option-label{color:var(--editor-gutter-text);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:11px;font-weight:700}.json-header-select{background:var(--editor-bg);border:1px solid var(--editor-border);height:28px;color:var(--editor-text);cursor:pointer;border-radius:6px;outline:none;padding:0 8px;font-size:11px;font-weight:600}.json-header-select option{color:#f1f5f9;background:#1e293b}.json-header-query{flex:1;display:flex}.json-header-query-input{background:var(--editor-bg);border:1px solid var(--editor-border);width:100%;height:28px;color:var(--editor-text);border-radius:6px;outline:none;padding:0 10px;font-family:Fira Code,Courier New,Courier,monospace;font-size:11px}.json-header-query-input:focus{border-color:var(--accent)}.json-panel-actions{justify-content:flex-end;align-items:center;gap:8px;width:100%;display:flex}.json-action-btn{background:var(--editor-bg);border:1px solid var(--editor-border);border-radius:var(--radius-sm,6px);height:28px;color:var(--editor-gutter-text);cursor:pointer;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.json-action-btn:hover:not(:disabled){background:var(--editor-gutter-bg);color:var(--editor-text);border-color:var(--editor-text)}.json-action-btn.active{border-color:var(--accent);color:var(--accent);background:#7d6ef314}.json-action-btn:disabled{opacity:.4;cursor:not-allowed}.json-raw-tree-toggle{border:1px solid var(--editor-border);background:#00000040;border-radius:6px;gap:2px;padding:2px;display:flex}.json-raw-tree-toggle .json-toggle-btn{height:24px;color:var(--editor-gutter-text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 10px;font-size:11px;font-weight:600;transition:all .15s}.json-raw-tree-toggle .json-toggle-btn:hover{color:var(--editor-text);background:#ffffff0d}.json-raw-tree-toggle .json-toggle-btn.active{box-shadow:0 1px 3px #0003;background:var(--editor-bg)!important;color:var(--editor-text)!important;border:none!important}.json-editor-container{background:var(--editor-bg);border-bottom-right-radius:11px;border-bottom-left-radius:11px;flex:1;display:flex;position:relative;overflow:hidden}.json-editor-gutter-wrapper{background:var(--editor-gutter-bg);border-right:1px solid var(--editor-border);flex-shrink:0;width:44px;position:relative;overflow:hidden}.json-editor-gutter{width:44px;font-family:Fira Code,Courier New,Courier,monospace;font-size:var(--editor-font-size);line-height:var(--editor-line-height);color:var(--editor-gutter-text);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;padding:12px 10px 12px 0;display:flex;position:absolute;top:0;left:0}.json-textarea-wrapper{background:0 0;flex:1;position:relative;overflow:hidden}.json-textarea{width:100%;height:100%;caret-color:var(--editor-text);font-family:Fira Code,Courier New,Courier,monospace;font-size:var(--editor-font-size);line-height:var(--editor-line-height);resize:none;white-space:pre;z-index:2;border:none;outline:none;padding:12px;position:absolute;top:0;left:0;overflow:auto;color:#0000!important;background:0 0!important}.json-textarea-backdrop{width:max-content;min-width:100%;color:var(--editor-text);font-family:Fira Code,Courier New,Courier,monospace;font-size:var(--editor-font-size);line-height:var(--editor-line-height);white-space:pre;z-index:1;pointer-events:none;background:0 0;margin:0;padding:12px;position:absolute;top:0;left:0}.json-output-viewer{font-family:Fira Code,Courier New,Courier,monospace;font-size:var(--editor-font-size);line-height:var(--editor-line-height);background:var(--editor-bg);white-space:pre;word-break:keep-all;color:var(--editor-text);border-bottom-right-radius:11px;border-bottom-left-radius:11px;flex:1;margin:0;padding:12px;overflow:auto}.json-placeholder-text{color:var(--editor-gutter-text);opacity:.7;font-style:italic}.json-validation-status{border-top:1px solid var(--editor-border);background:var(--editor-gutter-bg);border-bottom-right-radius:11px;border-bottom-left-radius:11px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.json-status-dot{border-radius:50%;width:8px;height:8px}.json-status-dot.valid{background:var(--success,#30a100)}.json-status-dot.invalid{background:var(--danger,#d12739)}.json-status-dot.empty{background:var(--editor-gutter-text)}.json-status-text{font-weight:500}.json-status-text.valid{color:var(--success,#30a100)}.json-status-text.invalid{color:var(--danger,#d12739)}.json-tree-container{font-family:Fira Code,Courier New,Courier,monospace;font-size:13px;line-height:1.5}.json-tree-node{margin-left:16px;position:relative}.json-tree-row{flex-wrap:wrap;align-items:flex-start;padding:1px 0;display:flex}.json-tree-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;width:16px;height:16px;color:var(--editor-gutter-text);justify-content:center;align-items:center;margin-left:-16px;font-size:8px;transition:transform .2s;display:inline-flex}.json-tree-toggle.collapsed{transform:rotate(-90deg)}.json-tree-separator{color:var(--editor-gutter-text);margin-right:6px}.json-tree-bracket{color:var(--editor-text)}.json-tree-comma,.json-tree-value.complex{color:var(--editor-gutter-text)}.syntax-vibrant .json-tree-key,.syntax-vibrant .token-json-token-key{color:#9cdcfe}.syntax-vibrant .json-tree-value.string,.syntax-vibrant .token-json-token-string{color:#ce9178;word-break:break-word}.syntax-vibrant .json-tree-value.number,.syntax-vibrant .token-json-token-number{color:#b5cea8}.syntax-vibrant .json-tree-value.boolean,.syntax-vibrant .token-json-token-boolean,.syntax-vibrant .json-tree-value.null,.syntax-vibrant .token-json-token-null{color:#569cd6}@media (min-width:768px){.json-panel-header{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;height:48px}.json-panel-header-top{flex:1;justify-content:flex-start;gap:16px}.json-panel-actions{width:auto}}.json-action-buttons-group{align-items:center;gap:8px;margin-left:auto;display:flex}@media (max-width:768px){.json-view-tabs{border:1px solid var(--border);border-radius:var(--radius-md,10px);background:#0000000d;grid-template-columns:repeat(3,1fr);gap:2px;width:100%;margin-bottom:4px;padding:3px;display:grid}.json-view-tab{border-radius:var(--radius-sm,7px);height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600;transition:all .2s}.json-view-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.json-formatter-modes-toolbar{width:calc(100% + 32px);margin:0 -16px}.json-modes-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:0 0;border:none;border-radius:0;flex-wrap:nowrap;gap:8px;padding:0 16px;display:flex;overflow-x:auto}.json-modes-tabs::-webkit-scrollbar{display:none}.json-mode-btn{flex:none;padding:0 16px}.json-panel{height:480px}.json-panel-input{--editor-font-size:16px;--editor-line-height-px:24px}.json-header-query-input{font-size:16px}.json-panel-title{font-size:12px;top:-10px}.json-panels-stack.show-input .json-panel-output,.json-panels-stack.show-output .json-panel-input{display:none}.json-editor-gutter-wrapper{width:24px}.json-editor-gutter{width:24px;padding-right:4px;font-size:11px}.json-header-query{flex:1;max-width:none}.json-btn-text{display:none}.json-panel-actions .json-action-btn{justify-content:center;width:28px;height:28px;padding:0}}