.App{font-family:Arial,sans-serif;text-align:center}.main-container{display:flex;justify-content:space-around;margin:20px}.input-panel{width:20%}.input-group{margin-bottom:15px}.input-group label{display:block;font-weight:700}.input-group input,.input-group select{width:100%;padding:5px}.visualization-area{width:50%;border:1px solid #ccc;position:relative}.grid{position:relative;background-color:#f9f9f9;margin:0 auto}.grid:before,.grid:after{content:"";position:absolute;border:1px solid #ddd}.conversion-panel{width:20%}.conversion-group button{display:block;width:100%;margin-bottom:10px;padding:10px}.area-calculation-display{margin:20px}.area-calculation-display p{font-size:1.2em}.concept-navigation-bar{background-color:#eee;padding:10px}.concept-navigation-bar button{margin:5px;padding:10px}.concept-navigation-bar .active{background-color:#d33;color:#fff}