.container{width:100%;height:100%;display:flex;flex-direction:column;padding:20px}.main-content{display:flex;flex-direction:row;gap:10px;overflow-x:clip;flex:1}.controls-container{flex:0 0 30%;order:1;overflow-y:auto;height:100%;direction:ltr;padding-left:20px}.canvas-wrapper{flex:0 0 70%;order:2;display:flex;flex-direction:column;height:calc(100vh - 100px);margin-right:20px}.canvas-container{flex:0 0 70%;order:2;display:flex;flex-direction:column;align-items:center;background-color:#f8f9fa;border-radius:8px;position:sticky;top:20px;height:calc(100vh - 40px);margin-right:20px;box-shadow:0 4px 6px rgba(0,0,0,.05);overflow:hidden}.controls{direction:ltr;display:flex;flex-direction:column;gap:20px;height:100%}.controls-content{margin-top:20px;height:100%}.control-group{background-color:#fff;border-radius:5px;padding:20px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-bottom:20px}.design-color-control,.pattern-color-control{margin-top:20px;margin-bottom:20px;border-bottom:1px solid #ecf0f1;padding-bottom:20px}.scroll-indicator{position:absolute;bottom:2px;z-index:102}