body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.jsonpath-evaluator{height:100%}.examples-section{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:4px;margin-top:20px;padding:15px}.examples-section h3{color:var(--primary-color);font-size:14px;margin-bottom:10px}.example-list{grid-gap:10px;display:grid;font-size:12px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.example-item{background-color:#ffffff0d;border-radius:3px;cursor:pointer;padding:5px 8px;transition:background-color .2s}.example-item:hover{background-color:#ffffff1a}.json-diff{height:100%}.diff-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.result-title{font-weight:600}.diff-result{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:4px;font-family:Courier New,monospace;font-size:14px;max-height:400px;min-height:200px;overflow-y:auto;padding:15px}.diff-content .diff-added{background-color:#4caf5033;border-radius:2px;margin:1px 0;padding:2px 4px}.diff-content .diff-removed{background-color:#f4433633;border-radius:2px;margin:1px 0;padding:2px 4px}:root{--primary-color:#007acc;--secondary-color:#2d2d30;--background-color:#FFFFF;--text-color:#d4d4d4;--border-color:#3e3e42;--success-color:#4caf50;--error-color:#f44336;--warning-color:#ff9800}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#FFFFF;background-color:var(--background-color);color:#d4d4d4;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#2d2d30;background-color:var(--secondary-color);border-bottom:1px solid #3e3e42;border-bottom:1px solid var(--border-color);padding:15px 20px}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px}.header-content,.logo{align-items:center;display:flex}.logo{gap:10px}.logo-icon{color:#007acc;color:var(--primary-color);font-size:24px}.logo h1{font-size:20px;font-weight:600}.nav-tabs{display:flex;gap:10px}.nav-logo{height:60px;margin-right:12px;width:auto}.tab{background-color:initial;border:1px solid #3e3e42;border:1px solid var(--border-color);border-radius:4px;color:#d4d4d4;color:var(--text-color);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.tab.active{background-color:#007acc;background-color:var(--primary-color);border-color:#007acc;border-color:var(--primary-color)}.tab:hover:not(.active){background-color:#ffffff1a}.app-main{flex:1 1;margin:0 auto;max-width:1400px;padding:20px;width:100%}.app-footer{background-color:#2d2d30;background-color:var(--secondary-color);border-top:1px solid #3e3e42;border-top:1px solid var(--border-color);color:#888;font-size:14px;padding:15px;text-align:center}.editor-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;height:700px;margin-bottom:20px}@media (max-width:768px){.editor-container{grid-template-columns:1fr;height:auto}}.panel{border:1px solid #3e3e42;border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-header{align-items:center;background-color:#081325;border-bottom:1px solid #3e3e42;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px 15px}.panel-title{font-size:14px;font-weight:600}.panel-actions{gap:10px}.btn,.panel-actions{align-items:center;display:flex}.btn{background-color:initial;border:1px solid #3e3e42;border:1px solid var(--border-color);border-radius:4px;color:#d4d4d4;color:var(--text-color);cursor:pointer;font-size:12px;gap:4px;padding:4px 8px;transition:all .3s}.btn:hover{background-color:#ffffff1a}.btn-primary{background-color:#007acc;background-color:var(--primary-color);border-color:#007acc;border-color:var(--primary-color)}.btn-primary:hover{background-color:#0062a3}.result-count{color:#888;font-size:14px}.json-path-input{align-items:center;display:flex;gap:10px;margin-bottom:20px}.json-path-input select{background-color:#2d2d30;background-color:var(--secondary-color);border:1px solid #3e3e42;border:1px solid var(--border-color);border-radius:4px;color:#d4d4d4;color:var(--text-color);min-width:150px;padding:10px}.json-path-input .input-container{flex:1 1;position:relative}.json-path-input input{background-color:#2d2d30;background-color:var(--secondary-color);border:1px solid #3e3e42;border:1px solid var(--border-color);border-radius:4px;color:#d4d4d4;color:var(--text-color);padding:10px 40px 10px 10px;width:100%}.json-path-input input:focus{border-color:#007acc;border-color:var(--primary-color);outline:none}.copy-btn{background:#0000;border:none;color:#d4d4d4;color:var(--text-color);cursor:pointer;padding:5px;position:absolute;right:5px;top:50%;transform:translateY(-50%)}.theme-selector{align-items:center;display:flex;gap:10px;margin-bottom:20px}.theme-selector label{font-size:14px}.theme-selector select{background-color:#2d2d30;background-color:var(--secondary-color);border:1px solid #3e3e42;border:1px solid var(--border-color);border-radius:4px;color:#d4d4d4;color:var(--text-color);min-width:120px;padding:8px}.error{color:#f44336;color:var(--error-color)}.success{color:#4caf50;color:var(--success-color)}
/*# sourceMappingURL=main.125de6ff.css.map*/