.digital-menu-creator{max-width:1200px;margin:0 auto}.upload-card{margin-bottom:24px}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:16px}.template-card{border:2px solid #e8e8e8;border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;background:#fff}.template-card:hover{border-color:#1890ff;box-shadow:0 4px 12px rgba(0,0,0,.1)}.template-card.selected{border-color:#1890ff;box-shadow:0 4px 12px rgba(24,144,255,.2)}.template-preview{margin-bottom:12px}.preview-placeholder{height:200px;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.preview-content{text-align:center;padding:20px}.preview-title{font-size:18px;font-weight:700;margin-bottom:16px;border-bottom:2px solid;padding-bottom:8px}.preview-item{font-size:14px;margin-bottom:8px;padding:4px 0;border-bottom:1px solid;opacity:.8}.template-info{text-align:center}.template-name{font-size:16px;font-weight:600;margin-bottom:4px;color:#262626}.template-description{font-size:12px;color:#8c8c8c;margin:0}.selected-indicator{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#1890ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.menu-preview-container{border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;height:600px;background:#fff}.menu-preview-iframe{width:100%;height:100%;border:none;display:block}@media (max-width:768px){.template-grid{grid-template-columns:1fr}.template-card{padding:12px}.preview-placeholder{height:150px}.menu-preview-container{height:400px}}