body,html{overflow:hidden;height:100%;margin:0;padding:0}#p5Container{padding:0;margin-top:60px;height:calc(100vh - 60px);overflow:hidden;position:relative;display:flex;flex-direction:row}#simPanel{flex:0 0 60%;position:relative;height:100%;overflow:hidden;background:#000}#graphPanel{flex:1;display:flex;flex-direction:column;gap:8px;padding:8px;background-color:#1a1a2e;overflow:hidden}.graph-container{flex:1;min-height:0;background-color:#ffffffeb;border-radius:8px;padding:8px;position:relative}.graph-container canvas{display:block;width:100%;height:100%}#p5Canvas{text-align:center;width:100%;height:100%}.settings-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000e6;border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:30px;color:#fff;width:350px;max-width:90vw;z-index:2000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #00000080}.modal-content h5{margin-bottom:20px;color:#fff;text-align:center}.modal-content .form-label{color:#fff}.left-bottom-controls{position:absolute;bottom:20px;left:20px;display:flex;flex-wrap:wrap;gap:10px;z-index:1000}.left-bottom-controls button{padding:10px 20px;font-size:16px;font-weight:700;border-radius:8px;box-shadow:0 4px 6px #0000004d;transition:transform .2s,box-shadow .2s;white-space:nowrap}.left-bottom-controls button:hover{transform:translateY(-2px);box-shadow:0 6px 8px #0006}.left-bottom-controls button:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}.right-top-controls{position:absolute;top:20px;right:20px;z-index:1000}.right-top-controls button{padding:10px 20px;font-size:16px;font-weight:700;border-radius:8px;box-shadow:0 4px 6px #0000004d;transition:transform .2s,box-shadow .2s;white-space:nowrap}.right-top-controls button:hover{transform:translateY(-2px);box-shadow:0 6px 8px #0006}.right-top-controls button:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}.bottom-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:10px;z-index:1000;max-width:95vw}.bottom-controls button{padding:10px 20px;font-size:16px;font-weight:700;border-radius:8px;box-shadow:0 4px 6px #0000004d;transition:transform .2s,box-shadow .2s;white-space:nowrap}.bottom-controls button:hover{transform:translateY(-2px);box-shadow:0 6px 8px #0006}.bottom-controls button:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}@media(max-width:576px){.left-bottom-controls,.right-top-controls,.bottom-controls{gap:8px}.left-bottom-controls{bottom:10px;left:10px}.right-top-controls{top:10px;right:10px}.left-bottom-controls button,.right-top-controls button,.bottom-controls button{padding:8px 15px;font-size:14px}.settings-modal{padding:20px;width:300px}}@media(max-width:400px){.left-bottom-controls button,.right-top-controls button,.bottom-controls button{padding:6px 12px;font-size:12px}}@media(max-width:768px){#p5Container{flex-direction:column}#simPanel{flex:0 0 55%}#graphPanel{flex:1;flex-direction:row}}