.bridge-container{display:flex;height:100vh;font-family:Arial,sans-serif}.control-panel{width:300px;padding:20px;background:#f5f5f5;overflow-y:auto}.control-panel h3{margin:15px 0 10px;color:#333;border-bottom:1px solid #ddd;padding-bottom:5px}.control-group{margin-bottom:15px}.control-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.control-group input[type=range]{width:100%}.control-group select{width:100%;padding:5px}.control-group button{width:100%;padding:8px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}.drawing-area{flex:1;padding:20px;background:#fff;overflow:auto;display:flex;justify-content:center;align-items:center}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}