*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:#1a0f2e;background-attachment:fixed}#root{min-height:100vh}button,textarea{font-family:inherit}.header{background:#1e143cf2;border-bottom:1px solid rgba(139,92,246,.2);padding:.875rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{max-width:1400px;margin:0 auto}.header-title{font-size:1.25rem;font-weight:600;color:#e6e6ff;margin:0 0 .125rem;letter-spacing:-.025em}.header-subtitle{font-size:.8125rem;color:#e6e6ff99;margin:0;font-weight:400}.json-highlighter{flex:1;padding:1rem;margin:0;background:transparent;color:#e6e6ff;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.6;overflow:auto;white-space:pre;word-wrap:normal;tab-size:2}.json-highlighter::-webkit-scrollbar{width:12px;height:12px}.json-highlighter::-webkit-scrollbar-track{background:#140a2880}.json-highlighter::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:6px;border:3px solid rgba(20,10,40,.5)}.json-highlighter::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.json-key{color:#79c0ff}.json-string{color:#a5d6ff}.json-number{color:#d2a8ff}.json-boolean{color:#ffa657}.json-null{color:#ff7b72}.editor-container{display:flex;flex-direction:column;height:100%;background:#140a28cc;border:1px solid rgba(139,92,246,.25);border-radius:6px;overflow:hidden}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;min-height:3.5rem;background:#1e143ccc;border-bottom:1px solid rgba(139,92,246,.2)}.editor-label{font-size:.8125rem;font-weight:600;color:#e6e6ff;text-transform:uppercase;letter-spacing:.05em}.editor-header-actions{display:flex;align-items:center;gap:.75rem}.editor-stats{font-size:.75rem;color:#e6e6ff80;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.copy-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#e6e6ff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.copy-button:hover{background:#8b5cf640;border-color:#8b5cf680}.copy-button:active{background:#8b5cf64d}.copy-button svg{flex-shrink:0}.editor-placeholder{flex:1;padding:1rem;color:#e6e6ff4d;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.6}.editor-textarea{flex:1;padding:1rem;background:transparent;border:none;color:#e6e6ff;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.6;resize:none;outline:none;width:100%;box-sizing:border-box}.editor-textarea::placeholder{color:#e6e6ff4d}.editor-textarea.readonly{cursor:default;background:#8b5cf605}.editor-textarea::-webkit-scrollbar{width:12px;height:12px}.editor-textarea::-webkit-scrollbar-track{background:#140a2880}.editor-textarea::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:6px;border:3px solid rgba(20,10,40,.5)}.editor-textarea::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.settings-panel{display:flex;align-items:center;gap:2rem;padding:.5rem 0rem;margin-bottom:1rem}.settings-section{display:flex;align-items:center;gap:.75rem}.settings-label{font-size:.875rem;font-weight:600;color:#e6e6ff;margin:0;white-space:nowrap}.indent-select{min-width:120px;padding:.4rem .7rem;background:#322850cc;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#e6e6ff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;outline:none}.indent-select:hover:not(:disabled){background:#8b5cf626;border-color:#8b5cf680}.indent-select:focus{border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf61a}.indent-select:disabled{opacity:.4;cursor:not-allowed}.indent-select option{background:#1a0f2e;color:#e6e6ff}.checkbox-label{display:flex;align-items:center;gap:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{width:16px;height:16px;cursor:pointer;accent-color:#8b5cf6}.checkbox-input:disabled{opacity:.4;cursor:not-allowed}.checkbox-text{font-size:.875rem;color:#e6e6ffe6}.error-display{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:6px;margin-bottom:1rem}.error-icon{color:#f85149;flex-shrink:0;margin-top:.125rem}.error-content{flex:1;min-width:0}.error-title{font-size:.875rem;font-weight:600;color:#f85149;margin-bottom:.25rem}.error-message{font-size:.8125rem;color:#f85149e6;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;word-break:break-word}.json-explorer{background:#1e143c99;border:1px solid rgba(139,92,246,.2);border-radius:6px;margin-top:1rem;overflow:hidden}.explorer-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#1e143ccc;border-bottom:1px solid rgba(139,92,246,.2)}.explorer-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#e6e6ff}.explorer-title svg{color:#8b5cf6cc}.explorer-stats{display:flex;align-items:center;gap:1rem}.stat-item{font-size:.75rem;color:#e6e6ff99;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.explorer-toolbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#140a2866;border-bottom:1px solid rgba(139,92,246,.15)}.explorer-search{flex:1;padding:.5rem .75rem;background:#322850cc;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#e6e6ff;font-size:.875rem;outline:none;transition:all .15s ease}.explorer-search:focus{border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf61a}.explorer-search::placeholder{color:#e6e6ff66}.explorer-actions{display:flex;gap:.5rem}.explorer-button{padding:.5rem .875rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#e6e6ff;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.explorer-button:hover{background:#8b5cf640;border-color:#8b5cf680}.explorer-tree{padding:.75rem 0;min-height:40px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column}.explorer-tree-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1}.explorer-tree-placeholder svg{color:#8b5cf633;opacity:.5;margin-bottom:.5rem;width:32px;height:32px}.tree-placeholder-text{font-size:.8125rem;color:#e6e6ff66;margin:0}.explorer-tree::-webkit-scrollbar{width:12px}.explorer-tree::-webkit-scrollbar-track{background:#140a2880}.explorer-tree::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:6px;border:3px solid rgba(20,10,40,.5)}.explorer-tree::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.tree-node{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.8125rem}.tree-node-content{display:flex;align-items:center;gap:.5rem;padding:.375rem 1rem;cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none}.tree-node-content:hover{background:#8b5cf614}.tree-toggle{display:flex;align-items:center;color:#e6e6ff80;transition:transform .15s ease;transform:rotate(-90deg)}.tree-toggle.expanded{transform:rotate(0)}.tree-spacer{width:12px}.tree-key{color:#79c0ff;font-weight:500}.tree-type{padding:.125rem .375rem;border-radius:3px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.type-string{background:#a5d6ff26;color:#a5d6ff}.type-number{background:#d2a8ff26;color:#d2a8ff}.type-boolean{background:#ffa65726;color:#ffa657}.type-null{background:#ff7b7226;color:#ff7b72}.type-object{background:#79c0ff26;color:#79c0ff}.type-array{background:#8b5cf626;color:#8b5cf6}.tree-preview{color:#e6e6ff80;font-size:.75rem}.tree-value{color:#e6e6ffcc}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:.5rem 2rem 1rem;display:flex;flex-direction:column}.container{max-width:1800px;margin:0 auto;flex:1;display:flex;flex-direction:column;min-height:0;width:100%}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;flex:1;min-height:0}@media(max-width:1024px){.editor-grid{grid-template-columns:1fr;height:auto}.editor-container{min-height:400px}}