body{align-items:stretch;background:#fff;color:#000;display:flex;font-family:Inter,sans-serif;justify-content:center;margin:0 20px;min-height:100vh}.container{display:flex;gap:5%;max-width:1600px;min-height:100%;position:relative;width:100%}.preview-panel-container{width:40%}.client-panel{background:#f8f8fa;border-radius:12px;display:flex;flex-direction:column;gap:30px;margin:20px;padding:30px;width:50%}.client-panel h1{font-size:24px;font-weight:700;margin:0;text-align:center}.controls-panel,.promo-block,.selectors{display:flex;flex-direction:column}.promo-block,.selectors{gap:15px}.dropdown-block{display:flex;flex-direction:column;gap:4px;margin-bottom:15px}input[type=number],input[type=text]{background-color:#fff;border:1px solid #c1c1c1;border-radius:8px;box-sizing:border-box;color:#000;font-size:16px;padding:10px;width:50%}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:#0f917e;outline:none}select{background-color:#fff;border:1px solid #c1c1c1;border-radius:8px;box-sizing:border-box;color:#000;cursor:pointer;font-size:16px;max-height:400px;padding:10px;width:50%}select option{background-color:#f8f8fa;color:#828282;padding:10px}select option:checked{background-color:#f8f8fa;color:green}select option:hover{background-color:#ccc;color:#000}select::-webkit-scrollbar{width:8px}select::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}select::-webkit-scrollbar-thumb{background:#888;border-radius:10px}select::-webkit-scrollbar-thumb:hover{background:#555}.preview-panel{align-items:end;background:#f8f8fa;border-radius:12px;display:flex;flex:1;flex-direction:column;gap:20px;padding:30px}canvas{background-color:#fff;border:1px solid #ccc;border-radius:15px;display:block;height:auto;max-width:100%}button{background-color:#c9d7e3;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:14px;padding:12px 24px;transition:background-color .2s}button:hover{background-color:#b5c4c2}#downloadBtn{align-items:center;background-color:#063730;color:#fff;display:flex;font-size:16px;gap:5px;height:42px;justify-content:center;width:141px}#downloadBtn img{height:20px;width:auto}.display-mode-selector{align-items:center;display:flex;flex-direction:column;gap:10px}.display-mode-buttons{gap:10px}.display-mode-button,.display-mode-buttons{align-items:center;display:flex;justify-content:center}.display-mode-button{background-color:#f8f8fa;border:none;border-radius:8px;cursor:pointer;padding:0}.display-mode-button img{height:42px;width:42px}.display-mode-button.selected .icon-rect{fill:#c2d715}.preview-item{background-color:inherit;border:none;border-radius:15px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;height:400px;width:400px}#galleryContainer{align-content:flex-start;display:none;justify-content:flex-start;overflow-y:auto;padding-right:5px}.gallery-item-wrapper{border:1px solid #c1c1c1;border-radius:30px;cursor:pointer;padding:12px;position:relative}#galleryContainer img{border-radius:20px;display:block;height:97px;object-fit:cover;width:97px}.preview-item::-webkit-scrollbar{width:8px}.preview-item::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.preview-item::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.preview-item::-webkit-scrollbar-thumb:hover{background:#555}.display-mode-button .icon-rect{fill:#c9c9c9}.login-button-container{display:flex;justify-content:flex-end;margin:10px 0;width:100%}.gallery-item-wrapper .check-icon{display:none;height:24px;position:absolute;right:10px;top:10px;width:24px;z-index:2}.gallery-item-wrapper.selected .check-icon{display:block}.gallery-item-wrapper.selected:before{background:hsla(0,0%,50%,.3);border-radius:30px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.select-all-btn{padding:0}.select-all-btn,.select-all-btn:hover{background-color:inherit}.select-all-btn-container{align-items:start;height:30px;width:400px}