.rcg-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px auto;padding:15px;background:#fff;border:1px solid #ddd;box-shadow:0px 0px 0px rgba(0,0,0,.1);border-radius:8px}.rcg-options{width:34%}.rcg-generated-colors{width:64%}@media (max-width:768px){.rcg-options,.rcg-generated-colors{width:100%;text-align:center}.color-box{width:100% !important}}.rcg-options h3,.rcg-generated-colors h3{font-size:18px;margin-bottom:10px}.rcg-button{background:#0073aa;font-weight:700;font-size:16px;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:3px;transition:background .3s ease;margin-top:15px;width:100%}.rcg-button:hover{background:#005177}.rcg-button:active{transform:scale(.95)}.rcg-container select,.rcg-container input[type=number]{margin-left:0;margin-bottom:5px;padding:5px;font-size:14px}.color-box{margin:10px 0;text-align:center;border-radius:3px;color:#fff;padding:10px;border:1px solid #ddd;height:200px;width:100% !important;box-sizing:border-box}.color-box div{font-size:14px;font-weight:600;margin-top:5px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}