*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#e0e0e0;width:100%;height:100%;font-family:sans-serif;overflow:hidden}.app-container{width:100%;height:100%;display:flex;overflow:hidden}.threejs-container{background:#000;flex:1;position:relative;overflow:hidden}.sim-title{color:#fff;z-index:10;pointer-events:none;background:#0009;border-radius:4px;padding:8px 12px;position:absolute;top:10px;left:10px}.sim-title h1{margin:0;font-size:1.5em;font-weight:700}.sim-title p{margin:0;font-size:.9em}.green-label{color:#2a9e2a;font-weight:600}.right-container{background:#fff;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:420px;margin:10px;padding:15px;display:flex;overflow-y:auto;box-shadow:0 2px 8px #0003}.heatmap-canvas{border:1px solid #333;border-radius:4px;display:block}.legend-canvas{border:1px solid #333;width:390px;display:block}.controls-container{flex-direction:column;gap:5px;width:100%;display:flex}.slider-row{justify-content:space-between;align-items:center;width:100%;display:flex}.slider-row label{text-align:left;width:40%;margin-right:10px;font-size:13px}.slider-row input[type=range]{width:50%}.slider-row span{text-align:right;width:10%;font-size:13px}.controls-container button{cursor:pointer;background:#f5f5f5;border:1px solid #aaa;border-radius:4px;width:100%;margin:2px 0;padding:6px 12px;font-size:13px;display:block}.controls-container button:hover:not(:disabled){background:#e0e0e0}.controls-container button:disabled{opacity:.45;cursor:default}.instructions{color:#333;text-align:left;padding:4px 0;font-size:14px;line-height:1.8}.instructions p{margin:2px 0}