.field-container{min-width:500px;line-height:0;position:relative}.field-scroll{max-height:98vh;overflow:auto}.field{background-color:var(--field-bg);border:2px dashed var(--border);margin:4px}.zoom-button{opacity:.4;background-color:#fff;border:none;border-radius:50%;width:30px;height:30px;margin:5px;padding:0}.zoom-button:hover{opacity:.5}.zoom-button:active{opacity:.6}.zoom-plus{position:absolute;bottom:50px;right:15px}.zoom-minus{position:absolute;bottom:15px;right:15px}.input-row{text-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;margin:5px;display:flex}.number-input-field{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:53px;font-size:1rem}.text-input-field{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-align:center;field-sizing:content;min-width:100px;max-width:250px;font-size:1.1rem}.select-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:1rem}.color-picker{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.simulation-params{scrollbar-width:thin;min-width:350px;max-height:98vh;overflow-y:auto}.simulation-params .note{text-align:center;color:#ccc;margin:5px;font-size:.85rem}.simulation-params .subtitle{text-align:center;margin:10px 5px;font-size:1.2rem;font-weight:700}.object-title{text-align:center;margin-top:5px;font-size:1.2rem;font-weight:700}.object-title svg,.object-title .delete-button{vertical-align:middle}.reset-params{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin:10px;font-size:1rem}.delete-button{background-color:#c09292;border:none;border-radius:35%;width:25px;height:25px;margin:5px;padding:0}.delete-button:hover{background-color:#be7676}.delete-button:active{background-color:#bd5757}.add-button{background-color:#cfe2c7;border:none;border-radius:35%;width:25px;height:25px;margin:5px auto;padding:0;display:block}.add-button:hover{background-color:#bde0ae}.add-button:active{background-color:#a5db8d}.simulation-controls{justify-content:space-between;align-items:center;display:flex}.simulation-controls .icon-button{border:none;border-radius:25%;width:35px;height:35px;margin:5px;padding:0}.simulation-controls input{margin-left:auto;margin-right:5px}.simulation-controls label{margin-right:5px}.play-button{background-color:#bbff67}.play-button:hover{background-color:#aae75f}.pause-button{background-color:#fd6e6e}.pause-button:hover{background-color:#e66565}.reset-button{background-color:#f33a3a}.reset-button:hover{background-color:#db3434}.reset-button:active{background-color:#b82c2c}.simulation-stats>div{margin:8px;font-size:1.25rem}.simulation-stats>div span:nth-child(2){float:right}.select-object{color:#acacac;max-width:380px;margin:8px}.object-info div:first-child{margin-top:5px;font-size:1.2rem;font-weight:700}.object-info div:first-child svg{vertical-align:middle}.object-info .subtitle{margin:12px 5px;font-size:1.2rem;font-weight:700}.object-stat{margin:5px;font-size:1.1rem}.object-stat span:nth-child(2){float:right}.container{background-color:var(--container-bg);scrollbar-color:var(--scrollbar) var(--scrollbar-bg);border:2px solid var(--border)}.simulation{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.simulation-info{scrollbar-width:thin;min-width:400px;max-height:98vh;overflow-y:auto}:root{--text:#fff;--bg:#101010;--container-bg:#202020;--field-bg:#202020;--border:gray;--scrollbar:gray;--scrollbar-bg:#303030}body{background-color:var(--bg);color:var(--text);margin:4px;font-family:sans-serif}h2{text-align:center;margin:10px 0}hr{color:var(--border);border-style:solid;margin:0}