*{margin:0}html,body{height:100%;font-family:Inter,sans-serif;overflow:hidden}.container{height:100%;display:flex}.ide-container{width:50%;height:100%}.functions{background-color:#1e1e1e;justify-content:space-between;padding:10px;display:flex}.file-upload-btn{background-color:#f0f8ff;border-radius:2px;padding:10px 20px}.ide-btn{-webkit-user-select:none;user-select:none;background-color:#f0f8ff;border:none;border-radius:2px;width:40px;height:40px;margin-left:5px}.ide-btn:hover:not(:disabled),.file-upload-btn:hover{background-color:#c8c8c8}.node{background-color:#fff;border:2px solid #000;width:60px;height:60px;font-size:1.5rem;font-weight:700}.node-null-greyed-out{color:#888;opacity:.6;background-color:#f0f0f0;border:2px solid #888;font-weight:400}.visualizer-title{text-align:center;color:#f0f8ff;background-color:#1e1e1e;padding:15px;font-size:1.5rem;font-weight:700}.visualizer-wrapper{flex-direction:column;width:50%;display:flex}.visualizer-container{flex:1}.visualizer-container,.nodes,.node{justify-content:center;align-items:center;display:flex}.nodes>span{font-size:2rem}.orphan-section{flex-direction:column;align-items:center;gap:6px;margin-top:20px;display:flex}.orphan-label{color:#c0392b;border:1px dashed #c0392b;border-radius:4px;margin-bottom:20px;padding:2px 10px;font-size:12px}.broken-arrow{color:#c0392b;opacity:.6;font-size:1.2rem}.orphan-arrow{color:#c0392b;opacity:.5;font-size:2rem}.node--orphaned{color:#c0392b;opacity:.75;background-color:#fdecea;border:2.5px dashed #c0392b}.highlighted-line{background-color:#ffd7004d;border-radius:2px}.highlighted-error-line{background-color:#ff15004d;border-radius:2px}.invalid-method-section{text-align:center}.invalid-method{color:#c0392b}.null-dereference-section{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100%;display:flex}.null-deref-node-row{flex-direction:row;align-items:center;gap:12px;display:flex}.null-deref-node-wrapper{flex-direction:column;align-items:center;gap:4px;display:flex}.null-deref-arrow-wrapper{flex-direction:column;align-items:center;display:flex}.node--null{color:#c0392b;opacity:.75;background-color:#fdecea;border:2.5px dashed #c0392b}.access-label{color:#c0392b;margin-bottom:4px;font-size:11px}.orphan-label{margin:0}.error-arrow{color:#c0392b;font-size:1.5rem}.null-deref-crash{color:#c0392b;background:#fdecea;border:1.5px solid #c0392b;border-radius:8px;padding:8px 20px;font-size:1rem;font-weight:500}