*,: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}.brush-toolbar{z-index:10;flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;right:12px}.brush-btn{cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:20px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.brush-btn:hover{filter:brightness(1.1);transform:scale(1.04)}.brush-btn.eu{color:#fff;background:#59f;border-color:#37d}.brush-btn.hete{color:#fff;background:#f8c;border-color:#d6a}.brush-btn.active{border-color:#fff;transform:scale(1.07);box-shadow:0 0 0 3px #ffffff73,0 0 12px #ffffff4d}.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{background:#e0e0e0}.instructions{color:#333;text-align:left;padding:4px 0;font-size:14px;line-height:1.8}.instructions p{margin:2px 0}.green-label{color:#2a9e2a;font-weight:600}.eu-label{color:#59f;font-weight:600}.hete-label{color:#f5a;font-weight:600}