.cherry-pptx-dialog { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); width: 80%; max-width: 800px; z-index: 1000; } .cherry-pptx-header { background-color: #f8f8f8; display: flex; justify-content: space-between; align-items: center; padding: 10px; border-bottom: 1px solid #ddd; } .cherry-pptx-content { display: flex; } .cherry-pptx-preview, .cherry-pptx-options { flex: 1; height: 300px; overflow-y: auto; padding: 10px; border-left: 1px solid #ddd; } .template-list{ display:flex; flex-wrap: wrap; } .template-card{ width: 45%; height: 45px; background-color: #f8f8f8; margin: 4px; text-align: center; line-height: 50px; cursor: pointer; border: 1px solid transparent; } .selected{ border: 1px solid #0078d4; } .cherry-pptx-footer { background-color: #f8f8f8; text-align: center; padding: 10px; border-top: 1px solid #ddd; } .cherry-pptx-footer button { }