#root{width:100%;height:100vh;display:flex;flex-direction:column}.MuiContainer-root{max-width:100%!important;width:100%!important;padding-left:8px!important;padding-right:8px!important}.MuiStack-root{width:100%!important;max-width:100%!important}.MuiContainer-maxWidthXs,.MuiContainer-maxWidthSm,.MuiContainer-maxWidthMd,.MuiContainer-maxWidthLg,.MuiContainer-maxWidthXl{max-width:100%!important}.line-numbered-container{background-color:#fff;border:1px solid #ccc;border-radius:4px;min-height:400px;max-height:700px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a;position:relative;display:flex;overflow:hidden;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;z-index:10}.line-numbered-container:hover{border-color:#000000de}.line-numbered-container:focus-within{border-color:#2196f3;border-width:2px}.line-numbers{background-color:#f8f8f8;border-right:1px solid #e0e0e0;color:#999;font-family:monospace;padding:8px 0;text-align:right;width:50px;overflow-y:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none}.line-number{display:block;line-height:1.5;color:#00000080;padding-right:8px;height:1.5em;white-space:pre;font-family:monospace}.text-area-with-line-numbers{font-family:Courier New,Courier,monospace;resize:none;border:none;flex-grow:1;outline:none;padding:8px;font-size:14px;line-height:1.5;background-color:transparent;overflow-y:auto;height:100%;width:calc(100% - 50px);position:absolute;left:50px;right:0;top:0;bottom:0;z-index:2;margin:0;border-radius:0;box-sizing:border-box}.text-area-with-line-numbers::selection{background-color:#2196f34d}.text-area-with-line-numbers::-moz-selection{background-color:#2196f34d}.syntax-overlay{scrollbar-width:none;-ms-overflow-style:none}.syntax-overlay::-webkit-scrollbar{display:none}.output-with-line-numbers{font-family:monospace;flex-grow:1;margin:0;padding:8px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;background-color:#f9f9f9;height:100%;width:calc(100% - 50px)}@media (max-width: 1200px){.line-numbered-container{min-height:350px;max-height:600px}}@media (max-width: 900px){.line-numbered-container{min-height:300px;max-height:500px}.line-numbers{width:40px}.text-area-with-line-numbers,.output-with-line-numbers{width:calc(100% - 40px)!important;left:40px!important}.syntax-overlay{left:40px!important}.MuiContainer-root{padding-left:10px!important;padding-right:10px!important}button.MuiButton-root{padding:6px 12px;font-size:.8rem}}@media (max-width: 600px){.line-numbered-container{min-height:250px;max-height:400px;font-size:12px}.line-numbers{width:35px}.text-area-with-line-numbers,.output-with-line-numbers{width:calc(100% - 35px)!important;left:35px!important;font-size:12px;padding:6px}.syntax-overlay{left:35px!important;font-size:12px;padding:6px}}.MuiStack-root>.MuiBox-root{width:100%}@keyframes pulse-success{0%{box-shadow:0 0 #4caf5066}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.pulse-success{animation:pulse-success 1.5s infinite;box-shadow:0 2px 8px #4caf504d}button.MuiButton-containedPrimary{margin-top:15px;padding:8px 24px;border-radius:4px;font-weight:600;transition:all .3s ease}button.MuiButton-containedPrimary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.decorative-circle{z-index:-1}.string,.json-string{color:#22863a;font-weight:400}.number,.json-number{color:#005cc5;font-weight:400}.boolean,.json-boolean{color:#d73a49;font-weight:700}.null{color:#6f42c1;font-weight:700}.punctuation,.json-punctuation{color:#24292e;font-weight:400}.key,.json-key{color:#e36209;font-weight:700}.decorative-circle{position:absolute;border-radius:50%;opacity:.1;z-index:0;pointer-events:none}.decorative-circle-1{width:300px;height:300px;background:radial-gradient(circle,#2196f333,#2196f300 70%);top:-150px;right:-100px}.decorative-circle-2{width:200px;height:200px;background:radial-gradient(circle,#4caf5033,#4caf5000 70%);bottom:-100px;left:-50px}.text-area-with-line-numbers:focus{box-shadow:0 0 0 2px #2196f333}