*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{background-color:#fff;color:#000}[data-theme=dark]{background-color:#1e1e1e;color:#fff}.json-viewer-app{min-height:100vh;display:flex;flex-direction:column}.tabs{display:flex;align-items:center;border-top:1px solid;padding:0 12px;gap:4px}[data-theme=light] .tabs{background-color:#f5f5f5;border-top-color:#ddd}[data-theme=dark] .tabs{background-color:#2d2d2d;border-top-color:#444}.tab{padding:6px 12px;background:none;border:none;cursor:pointer;font-size:12px;color:inherit;border-top:2px solid transparent;margin-bottom:-1px}.tab:hover{opacity:.7}.tab.active{border-top-color:#06c;font-weight:500}[data-theme=dark] .tab.active{border-top-color:#4dabf7}.tab-spacer{flex:1}.header-right{display:flex;align-items:center;gap:10px;padding:4px 0}.header-right label{font-size:11px}.header-right select{padding:3px 6px;border-radius:3px;border:1px solid;font-size:11px;cursor:pointer}[data-theme=light] .header-right select{background-color:#fff;border-color:#ccc;color:#000}[data-theme=dark] .header-right select{background-color:#3d3d3d;border-color:#555;color:#fff}.source-link{text-decoration:none;font-size:11px}[data-theme=light] .source-link{color:#06c}[data-theme=dark] .source-link{color:#4dabf7}.source-link:hover{text-decoration:underline}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-top:1px solid;gap:16px}[data-theme=light] .toolbar{background-color:#fafafa;border-top-color:#e0e0e0}[data-theme=dark] .toolbar{background-color:#252525;border-top-color:#3d3d3d}.toolbar-buttons{display:flex;gap:8px}.toolbar button{padding:3px 4px;border-radius:3px;border:none;cursor:pointer;font-size:12px;background:none;color:inherit}.toolbar button:hover{opacity:.8}.toolbar button:active{opacity:.6}.filter-input{padding:4px 10px;border-radius:3px;border:1px solid;font-size:12px;min-width:200px}[data-theme=light] .filter-input{background-color:#fff;border-color:#ccc;color:#000}[data-theme=dark] .filter-input{background-color:#3d3d3d;border-color:#555;color:#fff}.filter-input::placeholder{opacity:.5}.content{flex:1;overflow:auto}.json-content{padding:8px 16px 16px 8px;font-family:Berkeley Mono,Menlo,Consolas,monospace;font-size:13px}.json-content ul{padding-left:12px!important}.raw-content{padding:16px}.raw-content pre{font-family:Berkeley Mono,Menlo,Consolas,monospace;font-size:13px;white-space:pre-wrap;word-wrap:break-word;margin:0}.message-container{padding:40px;max-width:800px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif}.message-container h1{margin-bottom:20px}.message-container p{margin-bottom:12px}.message-container code{background:#f0f0f0;padding:2px 6px;border-radius:3px}[data-theme=dark] .message-container code{background:#3d3d3d}.example-code{display:block;background:#f0f0f0;padding:12px;border-radius:4px;overflow-x:auto;margin-top:8px}[data-theme=dark] .example-code{background:#3d3d3d}.message-container.loading{text-align:center}.loading-text{font-size:18px}.loading-url{margin-top:8px;color:#666;word-break:break-all}[data-theme=dark] .loading-url{color:#aaa}.message-container.error h1{color:#d32f2f}.error-url{word-break:break-all;background:#f5f5f5;padding:12px;border-radius:4px;margin-bottom:20px}[data-theme=dark] .error-url{background:#3d3d3d}.error-message{color:#d32f2f;background:#ffebee;padding:12px;border-radius:4px;margin-bottom:20px}[data-theme=dark] .error-message{background:#5d3030;color:#ff6b6b}.message-container ul{margin-left:20px;line-height:1.8}