*{box-sizing:border-box}.main-container{display:flex;align-items:flex-start;gap:40px;padding:20px;flex-wrap:wrap;justify-content:center}.controls-container{display:flex;flex-direction:column;gap:20px;padding:15px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fdfdfd;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.button-container{margin-bottom:0;text-align:left}.button-container h3{margin-top:0;margin-bottom:10px;color:#333}.button-container select{padding:8px 12px;border-radius:4px;border:1px solid #ccc;font-size:16px;cursor:pointer;background-color:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,0.075)}.img-comp-container{position:relative;height:800px;width:800px}.img-comp-img{position:absolute;width:auto;height:auto;overflow:hidden}.img-comp-img img{display:block}.img-comp-slider{position:absolute;z-index:9;cursor:ew-resize;width:40px;height:40px;background-color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid black;font-size:20px;font-weight:bold;color:black;user-select:none}.img-comp-slider::before{content:"< >";font-family:Arial,sans-serif}.img-comp-white-bar{position:absolute;width:2px;height:100%;background-color:white;top:0;z-index:8}.controls-spacer{height:calc(2rem + 3rem + 2rem)}