.line-numbered-container{background-color:#fff;border:1px solid #ccc;border-radius:4px;min-height:300px;max-height:500px;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}.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:monospace;resize:none;border:none;flex-grow:1;outline:none;padding:8px;font-size:14px;line-height:1.5;background-color:#fff;overflow-y:auto;height:100%;width:calc(100% - 50px)}.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)}@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}.key{color:#7c4dff;font-weight:700}.string{color:#4caf50}.number{color:#2196f3}.boolean{color:#ff9800}.null{color:#9e9e9e}