.footer-copyright,.json-toggle{text-align:center}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:#f4f6f9;color:#333;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.header,.header .logo{align-items:center;display:flex}.header{height:50px;background-color:#2b303b;color:#fff;justify-content:space-between;padding:0 20px;box-shadow:0 2px 5px rgba(0,0,0,.1);flex-shrink:0}.header .logo{font-size:18px;font-weight:700;gap:8px}.header .logo span{color:#4caf50}.btn-group{display:flex;gap:8px;align-items:center}.btn{background-color:#3e4451;color:#fff;border:none;padding:6px 14px;border-radius:4px;font-size:13px;cursor:pointer;transition:.2s}.btn:hover{background-color:#4f5666}.btn-primary{background-color:#4caf50}.btn-primary:hover{background-color:#43a047}.btn-danger{background-color:#e53935}.btn-danger:hover{background-color:#d32f2f}.main-container{display:flex;flex:1;height:calc(100vh - 50px);min-height:520px;overflow:hidden}.panel{flex:1;display:flex;flex-direction:column;background-color:#fff;overflow:hidden}.panel-header{height:36px;background-color:#ebedef;border-bottom:1px solid #dcdee2;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:13px;font-weight:600;color:#515a6e}.divider{width:5px;background-color:#dcdee2;cursor:col-resize;transition:background .2s}.divider:hover{background-color:#2d8cf0}textarea#json-input{width:100%;height:100%;border:none;padding:15px;font-family:Consolas,Monaco,"Fira Code",monospace;font-size:14px;line-height:1.5;resize:none;outline:0;color:#272822;background-color:#fafafa}.error-bar{background-color:#ffeef0;color:#f5222d;border-top:1px solid #ffa39e;padding:8px 15px;font-size:12px;font-family:monospace;display:none;white-space:pre-wrap;max-height:80px;overflow-y:auto}.json-viewer-container{flex:1;padding:15px;overflow:auto;font-family:Consolas,Monaco,"Fira Code",monospace;font-size:14px;line-height:1.6;background-color:#fff}.json-node{margin-left:20px}.json-root{margin-left:0}.json-line{display:flex;align-items:flex-start;word-break:break-all}.json-toggle{display:inline-block;width:16px;height:16px;line-height:14px;cursor:pointer;user-select:none;color:#666;font-size:10px;border:1px solid #ccc;border-radius:2px;margin-right:5px;background:#f9f9f9;flex-shrink:0;margin-top:3px}.json-toggle:hover{background:#e0e0e0;color:#000}.json-toggle.collapsed::after{content:"+"}.json-toggle.expanded::after{content:"-"}.json-key{color:#92278f;font-weight:700}.footer-faq .a,.json-string{color:#3ab54a}.json-number{color:#25aae1}.json-boolean{color:#f15a24;font-weight:700}.json-null{color:#f15a24;font-style:italic}.json-bracket{color:#333;font-weight:700}.json-meta{color:#999;font-size:12px;margin-left:5px;font-style:italic}.hidden{display:none!important}.footer-info{background-color:#2b303b;color:#cbd5e1;padding:10px 20px 0;font-size:13px;line-height:1.6;border-top:1px solid #3e4451;flex-shrink:0}.footer-content{max-width:1200px;margin:0 auto}.footer-info h3{color:#fff;margin-bottom:10px;font-size:15px}.footer-info p{margin-bottom:8px}.footer-info ul{list-style-type:disc;padding-left:20px;margin-bottom:12px}.footer-faq .q,.footer-info li{margin-bottom:4px}.footer-faq{background:#1e222b;padding:12px 15px;border-radius:4px;margin-top:12px;margin-bottom:15px;border-left:4px solid #4caf50}.footer-faq .q{color:#f15a24;font-weight:700}.footer-divider{border:none;border-top:1px solid #3e4451;margin:15px 0}