.app-container{width:100%;height:100%}.app-container,.main-content{display:flex;flex-direction:column;overflow:hidden}.main-content{flex:1}.json-formatter{display:inline-block;min-width:-moz-min-content;min-width:min-content;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6}.json-line{display:block;position:relative;min-height:1.6em;white-space:nowrap}.indent{display:inline-block;height:1em}.collapse-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;min-height:16px;border:1px solid #ef4444;border-radius:3px;padding:0;margin:0 4px 0 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .15s ease;background-color:transparent;color:#ef4444;font-size:11px;font-weight:700;font-family:monospace;line-height:14px;flex-shrink:0;vertical-align:middle;outline:none;box-sizing:border-box}.collapse-icon.collapsed{border-color:#3b82f6;color:#3b82f6}.collapse-icon:hover{opacity:.7}.collapse-icon:active{opacity:.5}.collapse-icon:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}[data-theme=dark] .collapse-icon{border-color:#f87171;color:#f87171}[data-theme=dark] .collapse-icon.collapsed{border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .collapse-icon:hover{opacity:.7}[data-theme=dark] .collapse-icon:active{opacity:.5}.collapsed-preview{display:inline-block;margin:0 4px;opacity:.7;color:#666}[data-theme=dark] .collapsed-preview{color:#aaa}.item-count{font-style:italic}:root{--json-key-color:#6f0089;--json-string-color:#005500;--json-number-color:#003166;--json-boolean-color:#990000;--json-null-color:#383838;--json-unknown-color:#383838;--json-bracket-color:#222222;--json-comma-color:#222222;--json-colon-color:#222222}[data-theme=dark]{--json-key-color:#c792ea;--json-string-color:#9ccc65;--json-number-color:#64b5f6;--json-boolean-color:#ef5350;--json-null-color:#bdbdbd;--json-unknown-color:#bdbdbd;--json-bracket-color:#aaaaaa;--json-comma-color:#aaaaaa;--json-colon-color:#aaaaaa}.json-key{color:var(--json-key-color)}.json-string{color:var(--json-string-color)}.json-number{color:var(--json-number-color)}.json-boolean{color:var(--json-boolean-color)}.json-null{color:var(--json-null-color)}.json-unknown{color:var(--json-unknown-color)}.json-bracket{color:var(--json-bracket-color)}.json-comma{color:var(--json-comma-color)}.json-colon{color:var(--json-colon-color)}.line-numbers-container{width:40px;overflow:hidden;flex-shrink:0}.line-numbers{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6}.json-input,.json-output{height:100%;max-height:100%;overflow-y:auto;overflow-x:auto;scrollbar-width:thin}.json-output{overflow-wrap:break-word}.json-input::-webkit-scrollbar,.json-output::-webkit-scrollbar{width:8px;height:8px}.json-input::-webkit-scrollbar-thumb,.json-output::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.json-input::-webkit-scrollbar-thumb:hover,.json-output::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.line-number{text-align:right;padding-right:8px}.copy-notification{position:fixed;bottom:20px;right:20px;padding:10px 20px;background-color:rgba(0,0,0,.7);color:#fff;border-radius:4px;z-index:1000;animation:fade-in-out 2s ease-in-out}@keyframes fade-in-out{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}